/* Händlerseite (DE): baut auf familie.css auf. Ablaufschema, Vision, Zeitstrahl, Pilot-Aufruf. */

.partner-page .hero h1{font-size:clamp(32px,5.2vw,60px);overflow-wrap:break-word;hyphens:auto}
.partner-page .intro .eyebrow{align-self:flex-start}

/* Symbole: dunkel, flach, Farbe nur über Klassen. */
.ico{display:block;width:40px;height:40px;flex-shrink:0}
.ico *{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ico .f{fill:var(--ink);stroke:none}

/* Hero-Karte: die zwei Phasen in Kurzform. */
.phase-summary{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-md)}
.phase-summary-title{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--brand-dark)}
.phase-summary-item{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:var(--r-card);background:var(--soft)}
.phase-summary-item.consent{background:var(--blush);border:1px dashed #D9A58C}
.phase-summary-item div{display:flex;flex-direction:column;gap:2px;min-width:0}
.phase-summary-item b{font-size:16px}
.phase-summary-item span{font-size:15px;line-height:1.45;color:var(--muted)}

/* Ablaufschema */
.phase{padding:24px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;box-shadow:var(--sh-sm)}
.phase-consent{background:var(--blush);border:2px solid #E3B49E}
.phase-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:18px}
.phase-head h3{font-size:21px;font-weight:800}
.phase-tag{padding:5px 12px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.3px}
.phase-anon .phase-tag{background:var(--soft);color:var(--brand-dark)}
.phase-consent .phase-tag{background:#fff;color:#8C3B25;border:1px solid #E3B49E}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.flow li{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--r-card);background:var(--cream);border:1px solid var(--line)}
.phase-consent .flow li{background:#fff}
.flow li>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.ico-wrap{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:#fff;border:1px solid var(--line);flex-shrink:0}
.phase-anon .ico-wrap{background:var(--soft);border-color:transparent}
.flow .num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;font-weight:800}
.flow p{font-size:16px;line-height:1.55;color:var(--ink)}
.phase-gate{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:15px;font-weight:800;color:#8C3B25}
.phase-gate::before,.phase-gate::after{content:"";flex:1 1 20px;border-top:2px dashed #D9A58C}
.phase-gate .ico{width:28px;height:28px}
.phase-gate .ico *{stroke:#8C3B25}
.promise{margin-top:22px;padding:18px 22px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);border-left:5px solid var(--brand);font-size:18px;line-height:1.5;font-weight:700;max-width:820px}

/* Vision: sichtbar als Work in Progress. */
.wip-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1.5px dashed #B99C8B;background:#fff;font-size:14px;font-weight:700;color:var(--muted)}
.wip-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--highlight);flex-shrink:0}
.cards.wip>li{border:1.5px dashed #C9B3A5;box-shadow:none;background:rgba(255,255,255,.75)}
.cards.wip h3{font-size:19px}
.wip-note{margin-top:16px;font-size:15px;color:var(--muted);max-width:760px}

/* Zeitstrahl: waagerecht ab 700px, sonst senkrecht. */
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.timeline li{position:relative;display:flex;flex-direction:column;gap:8px;padding-top:40px;min-width:0}
.timeline li::before{content:"";position:absolute;top:4px;left:0;width:22px;height:22px;border-radius:50%;background:var(--cream);border:3px solid #B99C8B;box-sizing:border-box;z-index:1}
.timeline li::after{content:"";position:absolute;top:14px;left:30px;right:-18px;border-top:2px dashed #C9B3A5}
.timeline li:last-child::after{display:none}
.timeline li.now::before{background:var(--brand);border-color:var(--brand)}
.timeline li.now::after{border-top-style:solid;border-top-color:var(--brand)}
.tl-when{font-size:14px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--brand-dark)}
.timeline h3{font-size:21px;font-weight:800}
.timeline p{font-size:16px;line-height:1.6;color:var(--muted)}
.tl-state{align-self:flex-start;margin-top:4px;padding:4px 10px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:700;color:var(--muted)}
.timeline li.now .tl-state{background:#E6F0E4;color:var(--ok)}

/* Aufruf */
.pilot{text-align:center}
.pilot .wrap{max-width:860px;display:flex;flex-direction:column;align-items:center;gap:18px}
.pilot .eyebrow{color:#F4D8BF}
.pilot p{font-size:18px;line-height:1.6;color:#E9DED6;max-width:62ch}
.pilot .pill-btn.primary{margin-top:6px}
.pilot .contact{font-size:17px;color:#fff}
.pilot a:not(.pill-btn){display:inline-flex;align-items:center;min-height:44px;color:#F4D8BF;font-weight:700}
.pilot .fine{font-size:15px}

@media(max-width:700px){
.phase{padding:18px}
.flow{grid-template-columns:1fr;gap:10px}
.flow li{flex-direction:row;align-items:flex-start;gap:14px;padding:14px}
.ico-wrap{width:56px;height:56px;border-radius:16px}
.ico-wrap .ico{width:34px;height:34px}
.promise{font-size:17px;padding:16px 18px}
.timeline{grid-template-columns:1fr;gap:28px}
.timeline li{padding-top:0;padding-left:40px}
.timeline li::before{top:2px}
.timeline li::after{top:30px;left:10px;right:auto;bottom:-26px;border-top:0;border-left:2px dashed #C9B3A5}
.timeline li.now::after{border-left-style:solid;border-left-color:var(--brand)}
}

/* Logo-Link als Bedienelement mindestens 44px hoch. */
.partner-page .site-header .brand{display:inline-flex;align-items:center;min-height:44px}
.partner-page .hero .hint{align-self:flex-start}
@media(max-width:420px){.phase{padding:14px}.flow li{padding:12px;gap:12px}.phase-summary{padding:16px}}

/* Schema statt Fließtext: Stichworte, zentriert, Pfeile zwischen den Schritten */
.flow p b{display:block;font-size:17px;font-weight:800;margin-bottom:2px;color:var(--ink)}
.flow p{font-size:15px;line-height:1.45;color:var(--muted)}
@media(min-width:900px){
.flow li{align-items:center;text-align:center;position:relative}
.flow li>div{align-items:center}
.flow li:not(:last-child)::after{content:"\2192";position:absolute;right:-13px;top:44px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:1}
}
.partner-page .hero .lead{max-width:30ch}
.cards.wip li p{font-size:15px}

/* ---------- Nutzen, Dashboard, Datenschutz, Aufrufe ---------- */
.section.tint-soft{background:var(--soft)}

/* Dashboard-Mockup im Hero */
.dash{margin:0;width:100%;max-width:440px;display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-md)}
.dash-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.dash-title{font-size:16px;font-weight:800;color:var(--ink)}
.dash-area{font-size:13px;font-weight:700;color:var(--brand-dark);background:#E6F0E4;padding:3px 10px;border-radius:999px}
.dash-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dash-kpis div{display:flex;flex-direction:column;padding:12px;border-radius:12px;background:var(--cream);border:1px solid var(--line)}
.dash-kpis b{font-size:26px;font-weight:800;color:var(--ink);line-height:1.1}
.dash-kpis span{font-size:13px;color:var(--muted)}
.dash-callout{margin:0;padding:12px 14px;border-radius:12px;background:var(--blush);border-left:4px solid var(--highlight);font-size:15px;line-height:1.45;color:var(--ink)}
.dash-block{display:flex;flex-direction:column;gap:8px}
.dash-label{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.dash-bars{display:block;width:100%;height:auto}
.dash-bars text{font-size:13px;font-family:inherit}
.dash-bars .lbl text{fill:var(--ink)}
.dash-bars .val text{fill:var(--muted);font-weight:700}
.dash-bars .bar rect{fill:var(--brand)}
.dash-seg{display:block;width:100%;height:14px}
.dash-seg .s1,.dash-legend .s1::before{fill:var(--brand);background:var(--brand)}
.dash-seg .s2,.dash-legend .s2::before{fill:#9DBBA5;background:#9DBBA5}
.dash-seg .s3,.dash-legend .s3::before{fill:#D9C7B8;background:#D9C7B8}
.dash-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--muted)}
.dash-legend li{display:flex;align-items:center;gap:6px}
.dash-legend li::before{content:"";width:10px;height:10px;border-radius:3px}
.dash figcaption{font-size:12px;color:var(--muted);text-align:right}

/* Nutzen */
.benefits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.benefits li{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm)}
.benefits .ico-wrap{background:#E6F0E4;border-color:transparent;margin-bottom:6px}
.benefits h3{font-size:20px;font-weight:800}
.benefits p{font-size:16px;color:var(--muted)}
.audience{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px}
.audience-label{font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--brand-dark)}
.audience ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.audience li{padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:15px;font-weight:700;color:var(--ink)}

/* Kleiner Aufruf nach dem Ablauf */
.inline-cta{margin-top:22px;font-size:17px;color:var(--muted)}
.inline-cta a{display:inline-flex;align-items:center;min-height:44px;font-weight:800;color:var(--brand-dark)}

/* Datenschutz */
.privacy .wrap{display:flex;flex-direction:column;gap:22px}
.privacy .eyebrow{color:#F4D8BF}
.privacy h2{color:#fff;max-width:20ch}
.badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.badges li{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r-card);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);font-size:17px;font-weight:700;color:#fff}
.badges .ico{width:36px;height:36px}
.badges .ico *{stroke:#F4D8BF}
.badges .ico .f{fill:#F4D8BF}

/* Abschluss */
.pilot-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.pilot .pill-btn.secondary{border-color:rgba(255,255,255,.55);color:#fff}
.pilot .pill-btn.secondary:hover{background:rgba(255,255,255,.1)}
.pilot .contact{font-size:16px;color:#E9DED6}

@media(max-width:700px){
.dash{padding:16px}
.dash-kpis b{font-size:22px}
.benefits li{padding:18px}
.flow li{padding:10px 12px}
.ico-wrap{width:48px;height:48px;border-radius:14px}
.ico-wrap .ico{width:30px;height:30px}
.pilot-actions .pill-btn{width:100%}
}
.privacy h2{max-width:none}
.pilot-actions{align-items:center}
.pilot-actions .pill-btn{min-height:56px}
@media(max-width:700px){
.benefits{gap:10px}
.benefits li{display:grid;grid-template-columns:48px 1fr;column-gap:14px;row-gap:2px;align-items:center;padding:14px}
.benefits .ico-wrap{grid-row:span 2;margin:0}
.benefits h3{font-size:18px}
.benefits p{font-size:15px}
}
.benefits-note{margin-top:18px;padding:14px 18px;border-radius:var(--r-card);background:#E6F0E4;font-size:16px;line-height:1.5;color:var(--ink);max-width:820px}
.partner-page .hero .lead{max-width:44ch}

/* ================= Editorial B2B (Konzept 1) – nur Händlerseite ================= */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(../../assets/fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(../../assets/fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../../assets/fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(../../assets/fonts/inter-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url(../../assets/fonts/playfair-display-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url(../../assets/fonts/playfair-display-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:600;font-display:swap;src:url(../../assets/fonts/playfair-display-latin-600-italic.woff2) format('woff2')}

.partner-page{
  --font-heading:'Playfair Display',Georgia,serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --color-primary-green:#0D3B2E;
  --color-text-dark:#111827;
  --color-accent-amber:#D97706;
  --color-bg-warm:#F7F5F0;
  --color-card-white:#FFFFFF;
  --color-border:#E5E7EB;
  /* bestehende Tokens auf die neue Palette abbilden */
  --ink:#111827;--muted:#4B5563;--line:var(--color-border);--cream:var(--color-bg-warm);--soft:#EFEBE3;--blush:#FBF3E6;
  --brand:var(--color-primary-green);--brand-dark:var(--color-primary-green);--highlight:var(--color-accent-amber);
  background-color:var(--color-bg-warm);color:var(--color-text-dark);font-family:var(--font-body);line-height:1.6
}
.partner-page h1,.partner-page h2,.partner-page h3{font-family:var(--font-heading);color:var(--color-primary-green);font-weight:700;letter-spacing:-.02em}
.partner-page .hero h1 em{font-style:italic;font-weight:600;color:var(--color-primary-green)}
.partner-page .brand,.partner-page .brand span{font-family:var(--font-heading);color:var(--color-primary-green)}
.partner-page .brand span{font-style:italic}
.partner-page .hero{background:var(--color-bg-warm)}
.partner-page .section.tint{background:#F2EEE6}
.partner-page .section.tint-soft{background:#EFEBE3}
.partner-page .eyebrow{color:var(--color-primary-green);font-family:var(--font-body);font-weight:600}
.partner-page .flow p b,.partner-page .dash-title,.partner-page .dash-kpis b{font-family:var(--font-body)}
.partner-page .dash-kpis b{font-family:var(--font-heading);color:var(--color-primary-green)}

/* Buttons */
.partner-page .pill-btn,.btn-primary{border-radius:8px;font-family:var(--font-body);font-weight:600}
.partner-page .pill-btn.primary,.btn-primary{background-color:var(--color-primary-green);color:#fff;transition:background-color .2s ease}
.partner-page .pill-btn.primary:hover,.btn-primary:hover{background-color:#08271E;color:#fff}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;text-decoration:none}

/* Hero-Mockup als Vorschau-Card */
.partner-page .dash{background:var(--color-card-white);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 10px 25px -5px rgba(0,0,0,.05);padding:24px;max-width:100%}
.partner-page .dash-callout{background:#FEF6E7;border-left-color:var(--color-accent-amber)}
.partner-page .dash-area{background:#E7EFEA;color:var(--color-primary-green)}
.partner-page .dash-seg .s2,.partner-page .dash-legend .s2::before{fill:#5E8A77;background:#5E8A77}
.partner-page .dash-seg .s3,.partner-page .dash-legend .s3::before{fill:#E9C58A;background:#E9C58A}

/* Kacheln, Karten */
.partner-page .benefits li,.partner-page .phase-anon{background:var(--color-card-white);border-color:var(--color-border)}
.partner-page .benefits .ico-wrap{background:#E7EFEA}
.partner-page .benefits-note{background:#FEF6E7;border-left:4px solid var(--color-accent-amber)}
.partner-page .ico *{stroke:var(--color-primary-green)}
.partner-page .ico .f{fill:var(--color-primary-green)}

/* Ablauf: Phase 1 neutral, Phase 2 hervorgehoben mit Badge oben rechts */
.partner-page .phase-anon{background:#FAFAF8;box-shadow:none}
.partner-page .phase-anon .flow li{background:var(--color-card-white)}
.partner-page .phase-anon .ico-wrap{background:#F1EFEA}
.partner-page .phase-consent{position:relative;background:var(--color-card-white);border:1.5px solid var(--color-primary-green);box-shadow:0 10px 25px -5px rgba(13,59,46,.12)}
.partner-page .phase-consent .phase-head{padding-right:0}
.partner-page .phase-consent .phase-tag{margin-left:auto;background:var(--color-primary-green);color:#fff;border:0;font-family:var(--font-body);font-size:12px;letter-spacing:.6px;text-transform:uppercase}
.partner-page .phase-consent .flow li{background:#F7FAF8;border-color:#D5E2DA}
.partner-page .phase-gate{color:var(--color-primary-green)}
.partner-page .phase-gate::before,.partner-page .phase-gate::after{border-top-color:#9DB5AA}
.partner-page .phase-gate .ico *{stroke:var(--color-primary-green)}
.partner-page .flow .num{background:var(--color-primary-green)}
.partner-page .flow li:not(:last-child)::after{background:var(--color-primary-green)}

/* Dunkle Flächen in Waldgrün */
.partner-page .section.dark{background:var(--color-primary-green)}
.partner-page .section.dark h2{color:#fff}
.partner-page .privacy .eyebrow,.partner-page .pilot .eyebrow{color:#F3C77A}
.partner-page .badges .ico *{stroke:#F3C77A}
.partner-page .badges .ico .f{fill:#F3C77A}
.partner-page .pilot .pill-btn.primary{background:#fff;color:var(--color-primary-green)}
.partner-page .pilot .pill-btn.primary:hover{background:#F2EEE6;color:var(--color-primary-green)}
.partner-page .pilot a:not(.pill-btn){color:#F3C77A}
.partner-page .timeline li.now::before{background:var(--color-primary-green);border-color:var(--color-primary-green)}
.partner-page .timeline li.now::after{border-top-color:var(--color-primary-green)}
.partner-page .wip-badge::before{background:var(--color-accent-amber)}
.partner-page .inline-cta a{color:var(--color-primary-green)}

/* Mobile Sticky-CTA */
.mobile-sticky-cta{display:none}
@media(max-width:767px){
.mobile-sticky-cta{display:block;position:fixed;bottom:0;left:0;right:0;z-index:50;padding:12px;background:rgba(247,245,240,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--color-border);text-align:center}
.mobile-sticky-cta .btn-primary{width:100%;max-width:420px}
.partner-page{padding-bottom:76px}
.partner-page .phase-consent .phase-tag{margin-left:0}
}