.about {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  max-width: 80%;
  margin: 0 auto; /* zentriert */
}

/* optional: Rechtsklick auf der gesamten Seite deaktivieren */
body {
  -webkit-user-select: none;
  user-select: none;
}

.no-js-fallback {
  color: #aaa;
  font-size: 0.9rem;
  text-align: center;
  margin-top: 8px;
}


@media (max-width: 700px) {
  .about {
    flex-direction: column;        /* Elemente untereinander */
    align-items: center;           /* alles mittig ausrichten */
    text-align: center;            /* Text und Bild zentrieren */
  }

  .profile-photo-wrapper {
    width: 60%;                    /* Foto nimmt z. B. 60 % der Breite ein */
    max-width: 200px;              /* aber nie größer als 200 px */
    margin-top: 20px;              /* etwas Abstand zum Text */
  }

  .profile-photo {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;           /* gleiches Seitenverhältnis beibehalten */
    border-radius: 10px;
  }
}