.parallax {

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

}

#link-04 {
  color: rgb(179, 179, 179);
}

body {
  /* The image used */
  background-image: url("/images/page4/Illlustrationsgeschichte_FionaRüetschi.jpg");

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

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: start;
  overflow: hidden;
  /* width: 100%; */
  gap: 2px;
}

.row p {
  flex-basis: 30%;
  flex-grow: 1;
}

.row div {
  flex-basis: 50%;
  /* max-width: 50%; */
  /* width: auto; */
  display: block;
  /* max-width: 40vw; */
  padding: 20px;
  padding-left: 0px;
  flex-grow: 2;
  /* flex-shrink: 1; */
}

.row div img {
  /* display: block; */
  width: 100%;
  height: 100%;
}

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

#illustration {
  padding: 20px;
  padding-left: 0;
}