.project-gallery-wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 1rem;
}
@media (max-width: 1024px) {
  .project-gallery-wrapper {
    padding-left: 0;
    padding-right: 1rem;
  }

  .project-gallery-wrapper h2,
  .project-gallery-wrapper > p {
    padding-left: 1rem;
  }
}


/* Blocksatz für Projekt-Beschreibung auf großen Bildschirmen */
.project-gallery-wrapper > p {
  text-align: justify;
  hyphens: auto;
}

/* Auf kleinen Bildschirmen: lieber Flattersatz */
@media (max-width: 768px) {
  .project-gallery-wrapper > p {
    text-align: left;
  }
}