.why{background:var(--ink,#16171A);color:#fff;padding:clamp(56px,10vh,132px) var(--sprint-pad,clamp(24px,4vw,88px)) clamp(56px,10vh,132px)}
.why>*{max-width:1520px;margin-left:auto;margin-right:auto}
.why .eyebrow{display:inline-block;font-size:clamp(10.5px,.72vw,12px);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:clamp(14px,2.2vh,24px)}
.why h2{margin-left:0;font-size:clamp(30px,3.6vw,60px);line-height:1.02;letter-spacing:-.045em;font-weight:700;max-width:16ch;text-wrap:balance}
.why h2 span{display:block;color:rgba(255,255,255,.56)}
.why .sub{margin-left:0;margin-top:clamp(14px,2.2vh,22px);font-size:clamp(14px,1.05vw,18px);line-height:1.6;color:rgba(255,255,255,.68);max-width:58ch;text-wrap:pretty}
.whyGrid{margin-top:clamp(36px,6vh,84px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,84px);align-items:start}
@media(max-width:920px){.whyGrid{grid-template-columns:minmax(0,1fr);gap:clamp(28px,5vh,44px)}}
.reasons{display:flex;flex-direction:column}
.reason{display:grid;grid-template-columns:clamp(40px,4.4vw,78px) minmax(0,1fr);gap:clamp(14px,2vw,32px);border-top:1px solid rgba(255,255,255,.2);padding:clamp(18px,3vh,32px) 0}
.reason:last-of-type{border-bottom:1px solid rgba(255,255,255,.2)}
.reason .n{font-size:clamp(18px,2vw,34px);line-height:.9;font-weight:700;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.4px var(--accent)}
.reason h3{font-size:clamp(18px,1.6vw,27px);line-height:1.14;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
.reason p{margin-top:9px;font-size:clamp(13.5px,.98vw,16.5px);line-height:1.6;color:rgba(255,255,255,.68);max-width:46ch;text-wrap:pretty}
.stance{margin-top:clamp(26px,4.4vh,48px)}
.stance blockquote{font-size:clamp(18px,1.85vw,31px);line-height:1.3;letter-spacing:-.035em;font-weight:700;text-wrap:balance;max-width:34ch}
.stance blockquote::before{content:"";display:block;width:34px;height:3px;background:var(--accent);margin-bottom:clamp(16px,2.4vh,24px)}
.stance cite{display:block;margin-top:clamp(14px,2.2vh,22px);font-style:normal;font-size:clamp(12.5px,.88vw,14.5px);font-weight:700;letter-spacing:.02em}
.stance cite span{display:block;margin-top:5px;font-size:clamp(11px,.78vw,13px);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.why.anim .reason,.why.anim .stance{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,.61,.36,1)}
.why.anim .reason.in,.why.anim .stance.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.why.anim .reason,.why.anim .stance{opacity:1;transform:none}}
/* Ohne Arbeitsfoto: links die Haltung als grosses Zitat, rechts die drei Gruende.
   Kein leerer Bildrahmen auf einer oeffentlichen Seite. Auf dem Handy zuerst die Gruende. */
.whyGrid.ohneBild{align-items:center}
.whyGrid.ohneBild .stance{margin-top:0}
.whyGrid.ohneBild .stance blockquote{font-size:clamp(22px,2.4vw,40px);max-width:22ch}
@media(max-width:920px){.whyGrid.ohneBild .stance{order:2}}