<html lang="de">
<style>
/* THREE EQUAL COLUMNS */

* { box-sizing: border-box; }

/* Erstellen Sie drei gleiche Spalten, die nebeneinander schweben */
.column {
  float: left;
  width: 33.33%;
  padding: 40px;
    height: auto; /* Should be removed. Only for demonstration */

}

/* Löschen Sie Floats nach den Spalten */
.row:after {
  content: "";
  display: table;
  clear: both;
}


 /* Responsive layout - Wenn der Bildschirm weniger als 600 Pixel breit ist, stapeln Sie die drei Spalten übereinander statt nebeneinander */
@media screen and (max-width: 600px) {
  .column {
    width: 100%; 
  }
} 

</style>