.about-page { min-height: 100vh; display: flex; flex-direction: column; }
.about-main { flex: 1; width: min(var(--breite), calc(100% - (2 * var(--rand)))); margin-inline: auto; display: flex; align-items: center; padding-block: var(--raum-6); }
.about-content { max-width: 720px; }
.about-kicker { margin: 0 0 var(--raum-2); color: var(--leise); font-size: .82rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.about-content h1 { margin: 0; font-size: clamp(2.5rem, 8vw, 5.3rem); line-height: .98; letter-spacing: -.03em; }
.about-lead { margin: var(--raum-3) 0 0; font-size: clamp(1.15rem, 2.2vw, 1.45rem); line-height: 1.45; font-weight: 500; }
.about-intro { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: var(--raum-5); align-items: center; margin-bottom: var(--raum-5); }
.about-photo { width: 220px; aspect-ratio: 1 / 1; display: block; border-radius: 50%; object-fit: cover; object-position: center; }
.about-copy { max-width: 660px; font-size: 1.05rem; line-height: 1.72; }
.about-copy p { margin: 0 0 1.35em; }
.about-claim { margin: var(--raum-5) 0 0; font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1.2; font-weight: 800; letter-spacing: -.02em; }
.about-meta { margin: var(--raum-3) 0 0; color: var(--leise); font-size: var(--gr-s); line-height: 1.6; }
@media (max-width: 680px) {
  .about-main { align-items: flex-start; padding-block: var(--raum-5) var(--raum-6); }
  .about-intro { grid-template-columns: 1fr; gap: var(--raum-4); }
  .about-photo { width: 160px; order: -1; }
  .about-content h1 { font-size: clamp(2.7rem, 15vw, 4.2rem); }
}