/* ============================================================
   SmartLife – Online · start_mob.css — Startseiten-Feinschliff bis 600px Breite
   (Tablet-Verhalten 601–880px steckt bereits in start.css/start_desk.css)
   Einbindung: <link rel="stylesheet" href="/css/start_mob.css" media="(max-width: 600px)">
   ============================================================ */
@media (max-width: 600px){

  .sl-hero{padding:96px 0 32px}
  .sl-hero h1{font-size:clamp(31px,9vw,38px)}
  .sl-sub{font-size:15.5px}
  .sl-herocta{flex-direction:column;align-items:stretch}
  .sl-herocta .btn{width:100%;padding:14px;text-align:center;justify-content:center}
  .sl-herobullets{margin-top:30px;gap:11px}
  .sl-scrollcue{display:none}

  .sl-band{padding:30px 0}
  .sl-stats{grid-template-columns:repeat(2,1fr);justify-content:start;gap:20px 16px}
  .sl-stat-num{font-size:29px}

  .sl-sec{padding:38px 0 18px}
  .sl-sec h2{font-size:24px;margin-top:10px}
  .sl-sec h3{font-size:17px}

  .sl-feature .lighten{max-width:240px;margin-top:2px}
  .tag{font-size:12px}
  .sl-cta-row{margin-top:20px}
  .sl-cta-row .btn{width:100%;text-align:center;justify-content:center}

  .sl-founder{gap:20px}

  .sl-contactlinks{font-size:16px}
  .sl-contactlinks a{padding:8px 0;display:inline-block}
  .sl-contactcard{padding:18px 16px}

  .sl-faq details{padding:12px 14px}

  .sl-close{margin:8px 0 28px;padding:30px 22px;border-radius:14px}
  .sl-close h2{font-size:24px}

  .sl-footgrid{gap:22px 16px}
  footer{padding:32px 0 88px}
}