* {
    box-sizing: border-box;
}

.infotext {  
  background-color: var(--hellgrau);
  width: 100%;
  margin: 0 auto;
  padding: 40px 40px 20px;
  text-align: center;
}
/* Main column */
.main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--hellgrau);
  margin: 0 auto;
}
/* Column container */
.liste {  
  display: flex;
  width: 40%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--hellgrau);
}
 .erklaerung {  
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: left;
    background-color: var(--hellgrau);
  }
  .ueberschrift_liste {  
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: left;
    align-items: left;
    background-color: var(--hellgrau);
    padding: 20px 10px 10px;
  }
  .inhalt_liste_g {  
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--hellgrau);
    padding: 0px 0px 0px;
  }
  .inhalt_liste_o {  
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--hellgrau);
    padding: 0px 0px 50px;
  }
   table, td, tr {
    border: 1px solid var(--grau);
    padding: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
  }

/* 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;
      padding: 10px;
    }
    .erklaerung {  
      padding: 0px 10px 0px;
    }
    .liste {  
      width: 100%;
    }
    table, td, tr  {
      font-size: 11px;
      border-collapse: collapse;
    }
}