/* Personenprofil (AUTOREN-001): nur auf /autoren/…/ eingebunden, damit magazin.css und alle übrigen Seiten unverändert bleiben. */
.autor { display: grid; gap: var(--s5); padding-top: var(--s5); margin-bottom: var(--s7); }
.autor__bild { margin: 0; width: 160px; }
.autor__bild img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 4px; }
.autor__bild .bildtext { font-size: 0.8125rem; }
.autor__spalte { width: 100%; max-width: 20rem; }
.autor__spalte .ohne-umbruch { white-space: nowrap; }
.autor__projekte { margin-top: var(--s5); }
.autor__projekte-titel { font-family: var(--schrift-text); font-size: 0.8125rem; font-weight: 600; line-height: 1.35; letter-spacing: 0.01em; color: var(--farbe-neben); margin: 0 0 var(--s2); }
.autor__projekte ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--farbe-linie); }
.autor__projekte li { border-bottom: 1px solid var(--farbe-linie); }
.autor__projekt { display: block; padding: var(--s3) 0; color: var(--farbe-text); text-decoration: none; line-height: 1.3; }
.autor__projekt-marke { display: block; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.08em; color: var(--farbe-neben); }
.autor__projekt-name { display: block; white-space: nowrap; font-size: 0.8125rem; font-weight: 600; color: var(--farbe-akzent); }
.autor__projekt-pfeil { display: inline-block; margin-left: 0.3em; transition: transform var(--uebergang); }
.autor__projekt:hover .autor__projekt-name { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
.autor__projekt:hover .autor__projekt-pfeil { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) { .autor__projekt-pfeil { transition: none; } .autor__projekt:hover .autor__projekt-pfeil { transform: none; } }
.autor__name { font-size: var(--gr-h1); line-height: 1.14; margin: 0 0 var(--s2); }
.autor__rolle { font-size: var(--gr-klein); color: var(--farbe-neben); margin: 0 0 var(--s4); }
.autor__text { font-size: 1.125rem; margin: 0; }
/* Handy: Reihenfolge Porträt, Name/Einstieg, Projekte (der Einstieg enthält keine Links, die Tastaturfolge bleibt sinnvoll) */
@media (max-width: 767.98px) {
  .autor__spalte { display: contents; }
  .autor__bild { order: 1; }
  .autor__einstieg { order: 2; }
  .autor__projekte { order: 3; margin-top: 0; max-width: 20rem; }
}
@media (min-width: 768px) {
  .autor { grid-template-columns: 200px minmax(0, 1fr); align-items: start; gap: var(--spalte); }
  .autor__bild, .autor__spalte { width: 200px; }
  .autor__projekte { margin-top: var(--s3); }
}