.section1{
  display: flex;
  flex-direction: column;
  max-width: 75ch;
  align-items: center;
  justify-content: center;
}


.section1 .image-placeholder{
  height: 690px;
  width: 518px;
}

.img-home{
  margin: 1rem 0rem 1rem 0rem;
  border: solid 1px grey;
  width: 516px;
  height: 688px;
}

.section1 p, .section1 h2{
  text-align: center;
  color: rgb(2, 107, 2);
}

.section1 h2{
  margin-top: 2rem;
}

.section2{
  display: flex;
  flex-direction: column;
  max-width: 75ch;
  align-items: center;
  justify-content: center;
  background-color: rgb(240, 240, 240);
  padding-top: 1.5rem;
  margin-top: 0.5rem;
}


.section3{
  display: flex;
  flex-direction: row;
  max-width: 75ch;
  align-items: center;
  justify-content:space-between;
  gap: 1rem;
}

.big-questionmark{
  display: flex;
  font-size: 5rem;
  color: rgb(214, 12, 12);
  justify-content: center;
  text-align: center;
  padding: 0rem 1rem 0rem 1rem;
}

.weitere-fragen{
  display: inline;
  flex-direction: column;
}

.weitere-fragen-mobile, .weitere-fragen-mobile-2{
  display: none;
}



@media (max-width: 767px) {
  
  .section1{
    width: 90%;
  }

  .section2{
    width: 90%;
  }


  .section1 .image-placeholder {
    position: relative;
    margin: 0 auto; /* Zentrieren des Containers */
    padding-top: 133.33%; /* 4:3 Verhältnis - 3/4 = 75% */
    width: 100%;
    height: auto;
  }

  .image-placeholder img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Passt das Bild in den Container */
  }

  .section3{
    flex-direction: column;
    width: 90%;
    gap: 0;
  }
  .big-questionmark{
    font-size: 7rem;
  }

  .weitere-fragen{
    display: none;
  }

  .weitere-fragen-mobile{
    display: flex;
    flex-direction: column;
    text-align: center;
  }

  .weitere-fragen-mobile-2{
    display: inline;
    text-align: center;
  }
  
  .img-home{
    max-width: 100%;
    height: auto;
  }
}