.container {
      display: flex;
      height: 100vh; /* volle Bildschirmhöhe */
    }

.left {
  width: 100%;
  display: flex;
  justify-content: center; /* horizontal zentrieren */
  align-items: center;     /* vertikal zentrieren */
  flex: 0.8;
}

 .right {
  flex: 1.2; /* beide nehmen 50% der Breite */
}

.left img {
  width: 90%;
  height: 90%;
  object-fit: cover;
}
    .right {
    align-items: flex-start;  /* Inhalte oben ausrichten */
  justify-content: flex-start; /* falls du mehrere Reihen hast */
  padding: 40px;

  padding-left: 10px;
  padding-top: 45px;
}

.right .text-content {
  display: flex;
  flex-direction: column; /* sorgt dafür, dass H1 über P steht */
  gap: 20px; /* Abstand zwischen Überschrift und Text */;
}

h1{
    margin: 0px;
    margin-top: 20px;
    color: var(--fontColor);
    font-weight: 450;
    font-size: 2rem;
    color: var(--fontColor);
}
    
    .right p {
      font-size: 1.1rem;
      line-height: 1.3;
      margin: 0px;
    }