* {
    box-sizing: border-box;
  }
  .infotext {  
    background-color: var(--hellgrau);
    width: 100%;
    margin: 0 auto;
    padding: 40px 40px 20px;
    text-align: center;
}

/* Main column */
.main {
  flex: 100%;
  background-color: var(--hellgrau);
  margin: 0 auto;
  padding: 0px 0px 50px;
}
/* Column container */
.inhalt {  
    display: flex;
    flex: 100%;
    justify-content: center;
  }
  .links {
    background-color: var(--hellgrau);
    width: 29%;
    padding: 20px;
  }
  .mitte {
    background-color: var(--hellgrau);
    width: 30%;
    padding: 20px;
  }
  .rechts {
    background-color: var(--hellgrau);
    width:30%;
    padding: 20px;
  }

/* Responsive layout */
@media screen and (max-width: 1150px) {

    .infotext {  
    background-color: var(--hellgrau);
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    }
    .inhalt {   
      flex-direction: column-reverse;
    }
    .links {
      background-color: var(--hellgrau);
      width: 100%;
      padding: 30px 20px 0px;
    }
    .mitte {
      background-color: var(--hellgrau);
      width: 100%;
      padding: 30px 20px 0px;
    }
    .rechts {
      background-color: var(--hellgrau);
      width: 100%;
      padding: 0px 20px 0px;
    }
}