/* ============================================================
   SmartLife – Online · start_desk.css — Startseiten-Styles ab 881px Breite
   Einbindung: <link rel="stylesheet" href="/css/start_desk.css" media="(min-width: 881px)">
   ============================================================ */
@media (min-width: 881px){

  /* Header: Desktop-Navigation statt Burger */
  .sl-nav{display:flex}
  .sl-header-cta{display:inline-flex}
  .sl-burger{display:none}
  .sl-mobilemenu{display:none!important}

  /* Hero-Bild rechts einblenden */
  .sl-heroart{display:block}

  /* Leistungen: vierspaltige Zeilen (Nr. | Titel | Text | Bild) */
  .sl-num{display:block}
  .sl-feature{
    grid-template-columns:56px minmax(180px,260px) minmax(28ch,1fr) minmax(160px,240px);
    gap:12px clamp(20px,3.5vw,56px);
    padding:26px 0;
  }
  .sl-feature .lighten{max-width:none;margin-top:0}

  /* Ansprechpartner: Porträt neben Text */
  .sl-founder{grid-template-columns:minmax(220px,300px) 1fr}
  .sl-portrait{max-width:none}

  /* FAQ zweispaltig */
  .sl-faqgrid{grid-template-columns:1fr 1fr;gap:12px;align-items:start}

  /* Kein Sticky-CTA auf Desktop */
  .sl-sticky{display:none!important}
}