/**
 * ge-leistungen-page.css — ausgelagert aus page-leistungen.php
 */

/* ── Leistungen v2 — Boutique-Strategie CSS ── */

/* Verkäufergruppen */
.vg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}
.vg-card{background:#fff;border:1px solid #E9E4DB;border-radius:18px;padding:32px 28px;position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s;}
.vg-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.09);transform:translateY(-3px);border-color:rgba(201,168,106,.3);}
.vg-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--vg-color,var(--gold));}
.vg-card__icon{font-size:32px;margin-bottom:16px;}
.vg-card__title{font-size:16px;font-weight:700;color:var(--navy,var(--navy));margin:0 0 6px;}
.vg-card__situation{font-size:12px;color:var(--muted,#9ca3af);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;}
.vg-card__sorgen{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;}
.vg-card__sorgen li{font-size:13px;color:var(--muted);display:flex;align-items:flex-start;gap:8px;line-height:1.4;}
.vg-card__sorgen li::before{content:'→';color:var(--vg-color,var(--gold));font-weight:700;flex-shrink:0;}
.vg-card__loesung{font-size:13px;font-weight:600;color:var(--navy,var(--navy));padding-top:14px;border-top:1px solid #F0ECE4;}

/* Fallbeispiele */
.fb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.fb-card{border-radius:18px;overflow:hidden;}
.fb-card__head{padding:24px 28px 20px;display:flex;align-items:flex-start;gap:14px;}
.fb-card__meta{flex:1;}
.fb-card__kat{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;}
.fb-card__titel{font-size:16px;font-weight:700;line-height:1.3;}
.fb-card__body{padding:0 28px 24px;font-size:13.5px;line-height:1.75;}
.fb-card__ergebnis{padding:16px 28px;display:flex;gap:20px;flex-wrap:wrap;}
.fb-card__kpi{text-align:center;}
.fb-card__kpi-val{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-size:28px;font-weight:300;line-height:1.1;margin-bottom:2px;}
.fb-card__kpi-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.62);}

/* Leistungs-Grid */
.ls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;}
.ls-card{background:#fff;border:1px solid #E9E4DB;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:0;transition:box-shadow .2s;text-decoration:none;color:inherit;}
.ls-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.1);transform:translateY(-3px);}
.ls-card__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.ls-card__title{font-size:15px;font-weight:700;color:var(--navy,var(--navy));margin:0 0 8px;}
.ls-card__text{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 16px;flex-grow:1;}
.ls-card__link{font-size:12px;font-weight:700;color:var(--gold-d,var(--gold-d));letter-spacing:.04em;margin-top:auto;}

/* Boutique-Box */
.boutique-box{background:var(--navy,var(--navy));border:1px solid rgba(201,168,106,.15);border-radius:24px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
@media(max-width:680px){.boutique-box{grid-template-columns:1fr;gap:32px;padding:36px 28px;}}
.boutique-box__val{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-size:48px;font-weight:300;color:var(--gold,var(--gold));line-height:1.1;margin-bottom:6px;}
.boutique-box__lbl{font-size:11px;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.1em;}

/* Prozess */
.pz-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;position:relative;}
.pz-steps::before{content:'';position:absolute;top:28px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,106,.3),rgba(201,168,106,.3),transparent);}
@media(max-width:640px){.pz-steps::before{display:none;}}
.pz-step{text-align:center;padding:0 16px;}
.pz-step__num{width:56px;height:56px;border-radius:50%;border:1.5px solid rgba(201,168,106,.3);background:rgba(201,168,106,.07);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-size:22px;font-weight:300;color:var(--gold,var(--gold));}
.pz-step__title{font-size:14px;font-weight:700;color:#fff;margin-bottom:6px;}
.pz-step__text{font-size:12.5px;color:rgba(255,255,255,.72);line-height:1.6;}


/* ── v78: Fix Leistungen stats alignment ────────────────── */
.ls-aw-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.ls-aw-stat .boutique-box__val {
  white-space: nowrap;
  font-size: 40px;
}
.ls-aw-stat .boutique-box__lbl {
  text-align: center;
  min-height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}