/* Final-Check 15.10.2026 (Fixes 4–8) */
/* 4: Mobil-Grid-Areas nur für die Leistungsliste, FAQ-Plus bleibt rechts neben der Frage */
@media(max-width:767px){.faq-list .s-plus{grid-area:auto;justify-self:end;align-self:center}}
/* 5: offenes Akkordeon = × (45°), damit offen/zu unterscheidbar */
.acc-item.open .s-plus{transform:rotate(45deg)}
/* 6: keine Einzelwörter in Headlines, keine Waisen im Fließtext */
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
/* 8: zweite H2-Zeile auf Hell kräftiger (≥3:1) */
h2 .mute{background:linear-gradient(100deg,#7a797d,#98979b)!important;-webkit-background-clip:text!important;background-clip:text!important}
.dark h2 .mute{background:linear-gradient(100deg,#9a999e,#77767b)!important;-webkit-background-clip:text!important;background-clip:text!important}

/* Hero-Kennzahlen unter dem CTA (Turbo-Wahl C, 16.10.2026) */
.hero-usp{list-style:none;margin:4px 0 0;padding:18px 0 0;display:flex;max-width:520px;border-top:1px solid rgba(255,255,255,.14);color:#fff}
.hero-usp li{flex:1;display:flex;gap:10px;align-items:flex-start}
.hero-usp li+li{padding-left:18px;margin-left:18px;border-left:1px solid rgba(255,255,255,.14)}
.hero-usp .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;background:rgba(127,170,255,.12);box-shadow:inset 0 0 0 1px rgba(127,170,255,.35)}
.hero-usp svg{width:18px;height:18px;color:#7faaff;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-usp .t{display:flex;flex-direction:column;line-height:1.15}
.hero-usp b{font-size:20px;font-weight:600;letter-spacing:-.02em}
.hero-usp small{font-size:13px;color:rgba(255,255,255,.6);margin-top:3px}
@media(max-width:767px){
  .hero-usp{padding-top:14px}
  .hero-usp li{flex-direction:column;gap:8px}
  .hero-usp li+li{padding-left:10px;margin-left:10px}
  .hero-usp .ic{width:30px;height:30px}
  .hero-usp b{font-size:18px}
  .hero-usp small{font-size:12px}
}
@media(min-width:768px){.hero-usp{max-width:620px}.hero-usp small{white-space:nowrap}}
