/* =============================================================
   provision.css – Partnerprogramm (/provision)
   Nutzt zusätzlich home.css (kontakt_component, kontakt_card, kontakt_success).
   Farben nur über Tokens aus brand.css.
   ============================================================= */

/* Hero: Provisionskarte */
.prov_hero-card{justify-self:end;width:100%;max-width:30rem;padding:3rem;border-radius:var(--radius-large)}
.prov_hero-person{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line);--contact-ring:var(--marine)}
.prov_hero-person .contact_name{color:var(--weiss)}
.prov_hero-amount{font-family:var(--font-display);letter-spacing:-.035em;font-weight:800;font-size:4rem;line-height:1;color:var(--weiss);white-space:nowrap}
.prov_hero-unit{margin-left:.375rem;letter-spacing:0;font-family:var(--font-body);font-size:1.125rem;font-weight:500;color:var(--muted-on-surface)}
.prov_hero-sub{color:var(--muted-on-surface)}
.prov_hero-list{display:grid;gap:0;margin:0;border-top:1px solid var(--line)}
.prov_hero-list > div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.prov_hero-list dt{font-size:.9375rem;color:var(--muted-on-surface)}
.prov_hero-list dd{margin:0;font-family:var(--font-display);letter-spacing:-.035em;font-weight:800;font-size:1.75rem;line-height:1.1;white-space:nowrap}
.prov_hero-list .is-highlight dt{color:var(--weiss);font-weight:600}
.prov_hero-list .is-highlight dd{padding:0 .25em;border-radius:.25em;background:var(--limette);color:var(--marine)}
.prov_hero-note{font-size:.8125rem;color:var(--muted-on-surface)}
@media (max-width:991px){.prov_hero-card{justify-self:start;max-width:32rem}}
@media (max-width:640px){.prov_hero-card{padding:2rem 1.5rem}.prov_hero-amount{font-size:3rem}.prov_hero-list dd{font-size:1.5rem}}

/* So läuft's: drei Schritte in einer Reihe */
.prov_steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;counter-reset:none}
.prov_step{display:flex;align-items:flex-start;gap:1rem;margin:0;padding:1.5rem;border-radius:var(--radius-large);background:var(--weiss);border:1px solid var(--line)}
.prov_step.is-highlight{border-color:var(--marine);box-shadow:inset 0 0 0 .5px var(--marine)}
.prov_step-number{flex:none;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--himmel);color:var(--marine);font-weight:600;font-size:.9375rem}
.prov_step.is-highlight .prov_step-number{background:var(--limette);color:var(--marine)}
.prov_step-text{margin-top:.25rem;font-size:.9375rem;color:var(--text-muted)}
@media (max-width:991px){.prov_steps{grid-template-columns:1fr;gap:1rem}}

/* Konditionen: Kennzahlen-Raster (die zwei wichtigsten groß) */
.prov_facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-large);background:var(--line)}
.prov_fact{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:var(--weiss)}
.prov_fact.is-main{grid-column:span 2;padding:2rem;background:var(--himmel)}
.prov_fact dt{font-size:.875rem;font-weight:600;;color:var(--marine)}
.prov_fact dd{margin:0;display:flex;flex-direction:column;gap:.25rem}
.prov_fact-value{font-family:var(--font-display);letter-spacing:-.035em;font-weight:800;font-size:2rem;line-height:1.1;color:var(--marine)}
.prov_fact.is-main .prov_fact-value{font-size:3rem;line-height:1;color:var(--marine)}
.prov_fact-text{font-size:.9375rem;line-height:1.45;color:var(--text-muted)}
.prov_facts-note{font-size:.875rem;color:var(--text-soft)}
@media (max-width:991px){.prov_facts{grid-template-columns:1fr 1fr}.prov_fact.is-main{grid-column:auto}}
@media (max-width:640px){.prov_fact,.prov_fact.is-main{padding:1.25rem}.prov_fact-value{font-size:1.625rem}.prov_fact.is-main .prov_fact-value{font-size:2.25rem}}
@media (max-width:640px){.prov_fact.is-main{grid-column:1/-1}.prov_fact-text{font-size:.875rem}}

/* Wen empfehlen: Passt + Erkennungssätze */
.prov_fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}
.section_wen .card{background:var(--weiss)}
.prov_fit-list{color:var(--text-muted)}
.prov_fit-no{padding-top:1rem;border-top:1px solid var(--line);font-size:.875rem;color:var(--text-soft)}
.prov_quotes-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.prov_quotes-list li{margin:0;padding:0 0 0 1rem;border-left:4px solid var(--limette);font-family:var(--font-body);font-weight:500;font-size:1.1875rem;line-height:1.4;color:var(--marine)}
@media (max-width:640px){.prov_fit-grid{grid-template-columns:1fr;gap:1rem}.prov_quotes-list li{font-size:1.25rem}}

/* Ein-Satz-Erklärung */
.prov_pitch{padding:1.5rem;border-radius:var(--radius-large);background:var(--himmel);box-shadow:inset 4px 0 0 var(--limette)}
.prov_pitch-text{font-family:var(--font-display);letter-spacing:-.035em;font-weight:800;font-size:1.375rem;line-height:1.3;color:var(--marine)}

/* Partner-Kit + Empfehlen */
.prov_kit-list{color:var(--text-on-surface)}
.prov_ways a{color:var(--marine);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.section_empfehlen .prov_ways{color:var(--text-muted)}
.section_empfehlen .prov_ways strong{color:var(--marine);font-weight:600}
.section_empfehlen .prov_ways a{color:var(--marine)}
.section_empfehlen .cta_list-number{background:var(--marine);color:var(--weiss)}
.prov_form-card{background:var(--himmel);border:1px solid var(--line)}
.prov_form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.prov_optional{font-weight:400;color:var(--text-soft)}
.prov_textarea{min-height:6rem;resize:vertical}
select.form_input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23182848' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:3rem}
@media (max-width:640px){.prov_form-row{grid-template-columns:1fr}}

/* Empfehlen auf Himmel: Formular und Ein-Satz-Box heben sich in Weiß ab */
.section_empfehlen.surface-leinen .prov_form-card,.section_empfehlen.surface-leinen .prov_pitch{background:var(--weiss)}