h1,
h2,
h3,
h4 {
  font-weight: 400;
}


#header-about {
  margin-top: 15%;
  margin-left: 5%;
  display: flex;
  flex-direction: column;
  gap: 0.5%;
  line-height: 1.2;
}


#photo-me {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding-right: 10%;
}

#photo-me img {
  width: 10%;
  height: auto;
}


#header-about-ersteReihe {
  margin-bottom: 3%;
  align-items: flex-end;
  margin-left: -0.4%;
}

#header-about h3 {
  letter-spacing: -0.9;
}


#text-about p {
  padding-left: 1%;
  padding-right: 2%;
}


.text-container-header-about {
  position: relative;
  display: flex;
  justify-content: flex-start;
  height: auto;
}

.text-container-header-about-left {
  font-family: 'Medium';
  letter-spacing: -5;
}

.text-container-header-about-right {
  font-family: 'Light';
  font-weight: 100;
  letter-spacing: -3.5;
  line-height: 1.2;
}

.randausgleich {
  margin-left: 1%;
}



@media (max-width: 1168px) {
  #header-about {
    margin-top: 20%;
  }

  #photo-me img {
    width: 20%;
  }

  #header-about-ersteReihe {
    margin-bottom: 5%;
  }

  #header-about h3 {
    letter-spacing: -0.4;
  }

  .text-container-header-about-left {
    letter-spacing: -1.5;
  }

  .text-container-header-about-right {
    letter-spacing: -0.5;
  }
}



@media (max-width: 768px) {
  #header-about {
    margin-top: 40%;
  }

  #photo-me {
    padding-right: 8%;
  }

  #photo-me img {
    width: 30%;
  }

  #header-about-ersteReihe {
    margin-bottom: 5%;
  }

  .text-container-header-about-left {
    letter-spacing: -1.5;
  }

  .text-container-header-about-right {
    letter-spacing: -0.5;
  }
}