.j-referral-path{background:var(--j-paper,#faf6ef);color:var(--j-ink,#211b16);padding:16px 0 30px;font-family:var(--r-f-body)}
.j-referral-path header{display:flex;align-items:baseline;gap:25px;justify-content:space-between;margin:0 0 24px}.j-referral-path .j-kicker{margin:0;flex:none}
body.r-premium-theme.j-signature #MainContent .j-referral-path h2{font:300 38px/1.1 var(--r-f-display);letter-spacing:-.025em;margin:0;max-width:620px}.j-referral-path h2 em{color:var(--j-accent);font-weight:300}
.j-referral-path__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:0;padding:25px 0 0;border-top:1px solid var(--j-rule);list-style:none}.j-referral-path__steps li{min-width:0;position:relative}
.j-referral-path__drawing{display:block;margin-bottom:16px}.j-referral-path__drawing svg{display:block;width:136px;height:92px;fill:none;stroke:#88725c;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.j-referral-path__accent{stroke:var(--j-accent)}
.j-referral-path__number{display:block;font:400 10px/1.4 var(--r-f-mono);letter-spacing:.12em;color:var(--j-muted);margin:0 0 8px}
body.r-premium-theme.j-signature #MainContent .j-referral-path h3{font:300 29px/1.15 var(--r-f-display);letter-spacing:-.02em;margin:0 0 10px}
.j-referral-path__steps p{font:400 14px/1.65 var(--r-f-body);color:var(--j-muted);margin:0;max-width:40ch}
body.template-referral #empfehlungsprogramm{scroll-margin-top:115px}body.template-referral #empfehlungsprogramm .r-section{padding-block:30px 42px}body.template-referral #empfehlungsprogramm .r-h2{font-size:36px;letter-spacing:-.025em}body.template-referral #empfehlungsprogramm .r-lede{font-size:15px;max-width:64ch}
@media(max-width:989px){.j-referral-path header{display:block}.j-referral-path .j-kicker{margin-bottom:14px}.j-referral-path__steps{gap:22px}body.r-premium-theme.j-signature #MainContent .j-referral-path h3{font-size:26px}}
@media(max-width:749px){.j-referral-path{padding:0 0 12px}.j-referral-path header{margin-bottom:20px}body.r-premium-theme.j-signature #MainContent .j-referral-path h2{font-size:31px}.j-referral-path__steps{grid-template-columns:1fr;gap:0;padding-top:0}.j-referral-path__steps li{display:grid;grid-template-columns:80px minmax(0,1fr);gap:0 17px;align-content:start;padding:22px 0;border-bottom:1px solid var(--j-rule)}.j-referral-path__drawing{grid-column:1;grid-row:1/4;margin:0}.j-referral-path__drawing svg{width:80px;height:64px}.j-referral-path__number{grid-column:2;margin-bottom:7px}body.r-premium-theme.j-signature #MainContent .j-referral-path h3{grid-column:2;font-size:25px;margin-bottom:8px}.j-referral-path__steps p{grid-column:2;font-size:13px}body.template-referral #empfehlungsprogramm .r-section{padding-block:30px}body.template-referral #empfehlungsprogramm .r-h2{font-size:30px}body.template-referral #empfehlungsprogramm .r-lede{font-size:14px}}
@media(max-width:359px){.j-referral-path__steps li{grid-template-columns:61px minmax(0,1fr);gap:0 13px}.j-referral-path__drawing svg{width:61px;height:53px}}
@media(prefers-reduced-motion:no-preference){.j-referral-path__drawing{animation:j-referral-drawing .45s ease-out}@keyframes j-referral-drawing{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}
