/* Kontakt und Angebotsvorauswahl, Ergänzung zur bestehenden Gestaltung. */
#nachricht, #online-preis, #pt-preis, #laktat-preis, #gyrotonic, #yoga {scroll-margin-top:80px}
.contact-steps {grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-inline {margin-top:26px}
.contact-faq {margin-top:24px}
.page-hero:has(.first-contact-hero) {height:auto;min-height:max(400px,52vh)}
.page-hero-content:has(.first-contact-hero) {padding-top:46px}
.first-contact-hero {margin-top:18px;max-width:100%;white-space:normal}
.contact-clarity {color:#e0e0d8;line-height:1.65}
.a-info .lead {color:#e0e0d8;margin-bottom:18px}
.a-info .a-contact a {color:#eee}
.form-fehler {padding:12px 14px;margin-bottom:14px;color:#7b221b;background:#fbefec;line-height:1.6}
.form-fehler a {text-decoration:underline}
#anfrage-form[hidden],.a-form-head[hidden],.form-fehler[hidden] {display:none!important}
@media(max-width:700px){
 .contact-steps {grid-template-columns:1fr}
 .a-info {padding:30px 24px}
 .a-info .a-contact {margin-top:22px;padding-top:16px}
 .a-form-col {padding:32px 24px}
 .hero-body .hero-actions {flex-wrap:wrap;row-gap:8px}
}

/* Persönliche Geschichte und vollständige Referenz vor der Angebotsauswahl. */
.hero-intro {max-width:470px;font-size:16px;line-height:1.7;color:#e1e1dc;margin:0 0 12px}
.hero-new .hero-lead {margin-bottom:12px}
.contact-helper {max-width:450px;font-size:12px;line-height:1.6;color:#d4d7cd;margin-top:14px}
.hero-new .actions {margin-top:22px}
.featured-voice {padding:76px 5.5%;display:grid;grid-template-columns:1fr 1.35fr;gap:8%;background:#edeee8}
.featured-voice h2 {font-size:clamp(36px,3.6vw,52px);margin-bottom:18px}
.featured-voice blockquote {font-family:'Cormorant Garamond',serif;font-size:clamp(26px,2.4vw,36px);line-height:1.4;margin:0 0 24px;color:#252b22}
.featured-voice .translation {margin:0 0 24px;font-size:14px;line-height:1.7;color:#50594a}
.featured-voice .testi-trans {font-size:14px;margin:12px 0}
.featured-voice .voice-role {font-size:13px;color:#555e50}
.other-voices {grid-template-columns:1fr 1fr}
@media(max-width:700px){
 .hero-intro {font-size:15px;line-height:1.65}
 .hero-new .actions {margin-top:18px}
 .hero-new .button {gap:16px}
 .contact-helper {font-size:11px;max-width:300px}
 .featured-voice {padding:48px 24px;grid-template-columns:1fr;gap:26px}
 .featured-voice blockquote {font-size:28px}
 .other-voices {grid-template-columns:1fr}
 .personal-story .about-photo {height:320px}
}

@media(max-width:700px){.hero-new{padding-top:190px}.hero-photo{height:250px}}

@media(max-width:700px){.hero-photo{transform:scale(1.14);transform-origin:58% 45%}}