/* Über mich: Foto neben dem Text, am Handy darüber. Name steht im Tafelkopf, kann das Foto also nie berühren. */
.ueber-mich { display: grid; grid-template-columns: minmax(0, 760px) 200px; justify-content: space-between; gap: var(--raum-4) var(--raum-5); align-items: start; }
/* clip-path: Die letzte Pixelspalte von aimo.jpeg ist eine graue Linie (1 von 200 px). */
.ueber-mich-foto { grid-column: 2; grid-row: 1; width: 200px; aspect-ratio: 1 / 1; display: block; object-fit: cover; clip-path: inset(0 .5% 0 0); }
.ueber-mich .text { grid-column: 1; grid-row: 1; }
.ueber-mich .ueber-mich-claim { margin-top: var(--raum-5); font-family: var(--schrift-titel); font-size: var(--gr-h2); font-weight: 800; line-height: 1.05; }
.ueber-mich-meta { color: var(--tinte-leise); font-size: var(--gr-klein); }

@media (max-width: 680px) {
  .ueber-mich { grid-template-columns: minmax(0, 1fr); }
  .ueber-mich-foto, .ueber-mich .text { grid-column: 1; grid-row: auto; }
  .ueber-mich-foto { width: 160px; }
}