.parallax {

  /* Set a specific height */
  min-height: 100vh;

}

body {
  /* The image used */
  background-image: url("/images/page1/header_img.png");

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main {
  margin-right: 20px;
}

.inhalt {
  display: flex;
  max-width: 75vw;
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-right: 50px;
  margin-right: 10vw;
}

.row img {
  display: flex;
  width: 60%;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 0px;

}

#c2 {
  width: 100%;
  padding-right: 0;
}


.inhalt {
  display: flex;
  flex-direction: column;
  padding-right: 10px;
}

.column {
  flex: 25%;
  max-width: 25%;
 
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

img {
  width: 100%;
  padding-bottom: 20px;
}

div {
  padding: 0px;
}

#höhe {
  max-height: 90vh;
  width: fit-content;
}

@media screen and (max-width: 700px) {
  .row {
    flex-direction: column;
  }
}