.red {
  background-color: red;
}
.left {
  float: left;
  width: 20%;
}
.right {
  float: right;
  width: 40%;
}

div.gallery {
  border: 0px solid #aaa;
}

div.gallery:hover {
  border: 0px solid #777;
}

div.gallery img {
  width: 350px;
  height: 280px;
}

div.desc {
  width: 350px;
  text-align: center;
  padding: 15px;
  
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 33.3%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

div.gallery a {
    display: inline-block;
}
  
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.table-container {
    overflow-x: auto; /* Aktiviert horizontalen Scrollbalken */
    width: 100%; /* Containerbreite ist 100% */
  }

.form-horizontal {
  width: 75%; /* Ändern Sie den Wert auf Ihren Wunschwert */
}