/* .titelbild {
    background-image: url("/images/page2/header_p2.jpg");
    /* background-size: contain; */
/* background-position: top; */
/* } */


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

.parallax {
  /* The image used */
  /* background-image: url("/images/page2/header_p2.jpg"); */

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

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

body {
  background-image: url(/images/page2/dndgrupeIllustration.png);
  min-height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

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

img {
  width: 100%;
  margin-bottom: 5vh;
}

/* #smaller {
    height: 90;
  } */

#left {
  display: flex;
  max-width: 40vh;
  align-items: flex-start;
}

#right {
  display: flex;
  max-width: 40vh;
  align-items: flex-end;
}

.grid img {
  max-width: 30vh;
}

.grid {
  display: grid;
  column-gap: 50px;
  grid-template-columns: auto auto;
  justify-content: start;

  align-items: center;

}

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

.row img {
  width: 70%;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .grid {
    grid-template-columns: auto;
  }
  #hoch {
    height: auto;
    max-width: 100vw;
  }
}

@media screen and (min-width:1500px){
  .grid{
    grid-template-columns: auto auto auto;
  }
}

.second-page {
  padding-right: 20px;
}

#hoch {
  max-height: 90vh;
  width: auto;
}