#split-div {
  display: flex;
  flex-direction: row; /* Keep items in a row */
  justify-content: flex-start; /* Start with left alignment */
  align-items: stretch; /* Stretch items to fill height */
  min-height: 100vh; /* Ensure it covers the full viewport height */
}

#ihr-service {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1em;
  margin: 0px;
}

#in-ingolstadt {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1em;
  margin: 0px;
  margin-top: 1rem;
}

#right-div {
  margin-left: 30vw; /* Shift the right div to the right */
  margin-right: 3vw;
  /* margin-right: 10vw; */

  margin-top: 10vh;
  display: flex;
  justify-content: flex-end;
}

#inner-right-div {
  margin-left: 5vw;
}

#left-div {
  position: fixed; /* Make it fixed */
  top: 0; /* Stick to the top */
  left: 0; /* Align to the left */
  max-width: 30vw; /* Set a width (adjust as needed) */
  padding-left: 5vw;
  height: 100vh; /* Full viewport height */
  display: flex; /* Use flexbox for centering */
  flex-direction: column; /* Align items in a column */
  justify-content: center; /* Center vertically */
  z-index: 1; /* Ensure it stays above other content */
  margin-top: 0px;
}

#leistungen-header {
  font-size: 2rem;
  font-weight: 700;
}

#leistungen-div {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-evenly; */
  justify-content: flex-start;
  align-items: baseline;
  gap: 20px;
  padding: 0px;
}

.leistung {
  background-color: var(--acent-color1);
  width: 390px;
  height: 390px;
  border-radius: 30px;
  border-top-left-radius: 40px; /* to avoid a thin line */
  border-top-right-radius: 40px; /* to avoid a thin line */
  /* margin: 0px; */
}

.leistung-img {
  width: calc(100% - 60px);
  height: calc(180px - 60px);
  object-fit: contain;
  object-position: center;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  background-color: var(--acent-color2);
  padding: 30px;
}

.black-text {
  color: black;
}

.leistung-text-area {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 180px);
}

.leistung-title {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 0px;
}

.leistung-beschreibung {
  font-size: 1.2rem;
  line-height: 1em;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0px;

  flex-grow: 1;
}

.leistung-preis {
  font-size: 2rem;
  font-weight: 700;
}

.leistung-preis-ab {
  font-size: 1.3rem;
  font-weight: 400;
}

#slogan {
  font-size: 1.5rem;
  font-weight: 500;
}

@media (max-width: 1320px) {
  #left-div {
    all: unset;
    text-align: center;
    margin-top: 10vh;
    margin-left: 10px;
    margin-right: 10px;
  }
  #right-div {
    all: unset;
    max-width: 90vw;
  }
  #leistungen-div {
    justify-content: center;
  }
  #leistungen-header {
    text-align: center;
    margin-bottom: 10px;
  }
  #inner-right-div {
    all: unset;
  }
  #split-div {
    flex-wrap: wrap;
    justify-content: center;
  }
  #faq-div {
    justify-content: center;
  }
}

/* Media query for phones */
@media (max-width: 768px) {
  #split-div {
  }
  #leistungen-div {
    justify-content: center;
  }
  #left-div {
  }
  #right-div {
    max-width: 90%;
    margin-bottom: 12vh;
    margin-top: 30px;
  }
  #leistungen-header {
  }
  #faq-div {
  }
}

#footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#footer-left {

}

#faq-div {
  display: flex;
  gap: 10px;
}

.faq-button {
  background-color: var(--acent-color1);
  border: none;
  color: white;
  padding: 15px 32px;
  font-size: 1.5rem;
  font-weight: 700;
  border-radius: 15px;
  cursor: pointer;
}