/* Zusatzstile für die Unterseiten (Beratungsansatz, Winning PLEDGE, Über mich).
   Baut auf site.css auf, ändert es nicht. Alle Regeln hängen an der Klasse .pg. */
.pg-head { padding: clamp(128px, 14vw, 176px) 0 clamp(64px, 8vw, 104px); }
.crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 0 0 clamp(36px, 5vw, 64px); padding: 0; font-size: 14px; color: var(--ink3); }
.crumbs li + li::before { content: "/"; margin-right: 10px; opacity: .6; }
.crumbs a { color: var(--ink2); text-decoration: none; display: inline-block; padding: 6px 0; background: linear-gradient(currentColor, currentColor) left bottom / 100% 1px no-repeat; }
.crumbs a:hover { color: var(--acc); }
.crumbs [aria-current] { color: var(--ink); }
.pg-h1 { font-size: clamp(44px, 6.6vw, 96px); max-width: 14ch; }
.pg-head .lead { margin-top: clamp(28px, 3vw, 44px); max-width: 40em; }
.pg-head .lead strong { color: #fff; font-weight: 700; }
.pg-head .small { margin-top: 32px; }
.pg .sec { padding: clamp(64px, 8vw, 112px) 0; }
.pg .h2 { max-width: 22ch; font-size: clamp(28px, 3.2vw, 44px); line-height: 1.15; }
.pg .side { margin-bottom: 28px; }
.pg-answer { margin: 28px 0 0; max-width: 38em; font-size: clamp(18px, 1.5vw, 21px); line-height: 1.6; color: var(--ink); }
.pg-answer strong { font-weight: 700; }
.pg .body + .body { margin-top: 16px; }
.pg-formula { margin: 40px 0 0; padding: 28px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-family: var(--serif); font-size: clamp(20px, 2vw, 28px); line-height: 1.4; letter-spacing: -.01em; max-width: 30em; }
.pg-formula b { color: var(--acc); }
.pg .index { margin-top: 40px; }
.pg .steps { margin-top: 48px; }
.pg .steps li { padding-bottom: 48px; }
.pg .facts-dl { margin-top: 40px; max-width: 60em; grid-template-columns: 220px minmax(0, 1fr); }
.pg .facts-dl dd span { display: block; }
.pg .facts-dl dd span + span { margin-top: 6px; }
.pg .facts-dl em { font-style: normal; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); margin-left: 8px; }
.pg .facts-dl em.np { color: #00756a; }
.pg .proofs { margin-top: 40px; }
.pg .faq { margin-top: 40px; max-width: 52em; }
.pg-cta { padding: clamp(72px, 9vw, 128px) 0; }
.pg-cta .h2 { max-width: 20ch; }
.pg-cta .body { margin-top: 24px; }
.pg-cta-act { display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: center; margin-top: 36px; }
.pg-more { display: flex; flex-wrap: wrap; gap: 8px 40px; margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--line); }
.pg-more p { margin: 0; flex: 0 0 100%; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink3); }
.pg-stand { margin-top: 48px; }
@media (max-width: 720px) {
  .pg .facts-dl { grid-template-columns: minmax(0, 1fr); }
  .pg .facts-dl dt { padding-bottom: 0; border-bottom: 0; }
  .pg-h1 { font-size: 40px; }
  .pg .h2 { font-size: 28px; }
}
.pg .proofs.ph-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 980px) { .pg .proofs.ph-3 { grid-template-columns: minmax(0, 1fr); row-gap: 32px; } }