/* T13 – Reihenfolge im HTML; Einflugstrecke wie T12, kürzerer Nachlauf. */
.vision-scroll { --vision-hold: 60px; height: calc(172vh + 604px); }
.vision-sticky { height: 544px; }
.about { padding-top: 80px; row-gap: 70px; }
.about-heading { grid-column: 1 / -1; text-align: center; }
.about-heading > .section-kicker { margin-bottom: 41px; }
#ueber-mich .about-heading > h2 {
  font: 500 clamp(48px, 6.4vw, 96px)/1.05 var(--serif);
  text-align: center; letter-spacing: -1.6px; margin: 32px 0 0;
}
.about-copy > .eyebrow { margin-bottom: 24px; }
.about-card--process, .about-card--automation {
  top: auto; bottom: -20px; width: 200px; padding-inline: 2px;
}
.about-card strong { letter-spacing: -.7px; }
.about-card--process { left: -40px; right: auto; transform: rotate(-7deg); }
.about-card--automation { right: -40px; left: auto; transform: rotate(6deg); }

.voice-content .voice-name {
  font: 500 34px/1.05 var(--serif); color: #141414;
  letter-spacing: 0; margin: 0;
}
.voice-content .voice-role {
  font: italic 400 19px/1.3 var(--serif); color: #806950;
  margin: 6px 0 22px;
}
.voice-content blockquote { font: 400 17px/30px var(--sans); color: #4A443C; margin: 0; }
.voice-logo--wkb-gruppe img { height: 24px; }

.call-heading { text-align: center; padding-top: 100px; padding-bottom: 0; }
.call-heading h2 { margin-bottom: 0; }
#erstgespraech { padding-top: 70px; padding-bottom: 0; }
#erstgespraech + #ablauf { padding-top: 90px; padding-bottom: 80px; }

@media (max-width: 760px) {
  .vision-scroll { --vision-hold: 40px; height: calc(158svh + 616px); }
  .vision-sticky { height: 576px; }
  .about { padding-top: 60px; row-gap: 50px; }
  .about-heading { width: 100%; }
  #ueber-mich .about-heading > h2 { margin-top: 24px; }
  .about-photo { margin-bottom: 0; }
  .about-card--process, .about-card--automation { width: 150px; bottom: -12px; padding-inline: 5px; }
  .about-card--process { left: 10px; right: auto; }
  .about-card--automation { right: 10px; left: auto; }
  .about-card strong { letter-spacing: -.3px; }
  .voice-content .voice-name { font-size: 28px; }
  .voice-content .voice-role { font-size: 17px; }
  .voice-content blockquote { font-size: 16px; line-height: 28px; }
  .voice-logo--wkb-gruppe img { height: 20px; }
  .call-heading { padding-top: 70px; }
  #erstgespraech { padding-top: 45px; }
  #erstgespraech + #ablauf { padding-top: 80px; padding-bottom: 40px; }
}
@media (max-width: 420px) {
  #ueber-mich .about-heading > h2 { letter-spacing: -.6px; }
}
@media (prefers-reduced-motion: reduce) {
  .vision-scroll { height: auto; }
  .vision-sticky { height: auto; }
}