/* QUAMARO Startseite – Mobile Compact v3
   Ziel: auf Smartphones schneller erfassbar, weniger Scrollhoehe, ein Fokus pro Block. */

@media(max-width:680px){
  /* Header: Logo, Projekt und Menue bleiben gut tappbar, aber deutlich flacher. */
  body.home-page.qhome-v1 .site-header,
  body.home-page.qhome-v1 .qsite-header{
    min-height:58px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
    gap:.5rem!important;
  }
  body.home-page.qhome-v1 .site-header .brand img,
  body.home-page.qhome-v1 .qsite-brand img{
    max-width:min(152px,43vw)!important;
    height:38px!important;
    object-fit:contain!important;
  }
  body.home-page.qhome-v1 .mobile-menu>summary,
  body.home-page.qhome-v1 .qsite-menu-toggle{
    min-width:44px!important;
    width:44px!important;
    min-height:44px!important;
    height:44px!important;
    padding:.5rem!important;
    border-radius:13px!important;
  }
  body.home-page.qhome-v1 .qsite-project{
    min-height:42px!important;
    padding:.55rem .78rem!important;
    font-size:.78rem!important;
  }

  /* Hero: Nutzen zuerst, weniger vertikale Flaeche. */
  .qhome-hero--brand .qhome-hero__grid{
    gap:.75rem!important;
    padding:1.15rem 0 1.05rem!important;
  }
  .qhome-hero--brand .qhome-title{
    font-size:clamp(2.05rem,10.5vw,2.6rem)!important;
    line-height:.98!important;
  }
  .qhome-hero--brand .qhome-hero__lead{
    margin:.7rem 0 .85rem!important;
    font-size:.83rem!important;
    line-height:1.45!important;
  }
  .qhome-hero--brand .qhome-hero__actions{
    display:block!important;
  }
  .qhome-hero--brand .qhome-hero__actions .qhome-btn:first-child{
    width:100%!important;
    min-height:46px!important;
  }
  .qhome-hero--brand .qhome-hero__actions .qhome-btn--secondary{
    display:inline-flex!important;
    width:auto!important;
    min-height:36px!important;
    margin-top:.35rem!important;
    padding:.35rem 0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--qh-green-dark)!important;
    font-size:.72rem!important;
  }
  .qhome-trust{
    gap:.42rem .7rem!important;
    margin-top:.55rem!important;
  }
  .qhome-trust__item{font-size:.62rem!important}
  .qhome-trust__icon{width:18px!important;height:18px!important;font-size:.55rem!important}

  /* Empfehlung: mobil wie eine kurze 3-Punkte-Zusammenfassung. */
  .qhome-decision-card{
    padding:.72rem!important;
    border-radius:15px!important;
    box-shadow:0 12px 32px rgba(16,42,71,.10)!important;
  }
  .qhome-decision-card__eyebrow{font-size:.52rem!important;padding:.22rem .42rem!important}
  .qhome-decision-card h2{
    margin:.42rem 0 .52rem!important;
    font-size:1.08rem!important;
    line-height:1.12!important;
  }
  .qhome-decision-flow{gap:.25rem!important}
  .qhome-decision-flow>div{
    grid-template-columns:27px minmax(0,1fr)!important;
    gap:.45rem!important;
    padding:.38rem .42rem!important;
    border-radius:10px!important;
  }
  .qhome-decision-flow>div>span{width:25px!important;height:25px!important;border-radius:7px!important;font-size:.62rem!important}
  .qhome-decision-flow strong{font-size:.69rem!important}
  .qhome-decision-flow small{display:none!important}
  .qhome-decision-card__chips{gap:.3rem!important;margin-top:.45rem!important}
  .qhome-decision-card__chips span{padding:.2rem .38rem!important;font-size:.52rem!important}
  .qhome-decision-card__chips span:last-child{display:none!important}

  /* Abschnittskoepfe und Abstaende insgesamt ruhiger. */
  .qhome-worlds,
  .qhome-steps,
  .qhome-garden-entry,
  .qhome-guides{padding-top:1.25rem!important;padding-bottom:1.25rem!important}
  .qhome-section-head{margin-bottom:.65rem!important}
  .qhome-section-title{font-size:1.52rem!important;line-height:1.06!important}
  .qhome-section-intro{
    margin:-.05rem 0 .65rem!important;
    font-size:.7rem!important;
    line-height:1.45!important;
  }
  .qhome-section-head__link{margin-top:.35rem!important;font-size:.65rem!important}

  .qhome-hero__visual,
  .qhome-category-hero{
    max-height:210px!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
  }

  /* QUAMARO-Welten: Garten als Hauptkarte, die kommenden Bereiche kompakt daneben. */
  .qhome-world-grid,
  .qhome-topic-grid,
  .qhome-example-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.48rem!important;
  }
  .qhome-world-card--live,
  .qhome-topic-card--live{grid-column:1/-1!important}
  .qhome-topic-card{
    padding:.78rem .72rem!important;
    border-radius:15px!important;
    box-shadow:0 7px 20px rgba(16,42,71,.06)!important;
  }
  .qhome-topic-card.qhome-topic-card--photo{padding:0!important}
  .qhome-topic-card__media{
    min-width:0!important;
    border-radius:15px 15px 0 0!important;
  }
  .qhome-topic-card--live .qhome-topic-card__media{
    aspect-ratio:16/6.5!important;
    height:auto!important;
    max-height:148px!important;
  }
  .qhome-topic-card--soon .qhome-topic-card__media{
    aspect-ratio:auto!important;
    height:120px!important;
    min-height:108px!important;
    max-height:128px!important;
  }
  .qhome-topic-card.qhome-topic-card--photo .qhome-topic-card__icon{
    top:.55rem!important;
    left:.55rem!important;
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
    font-size:.92rem!important;
  }
  .qhome-topic-card--photo .qhome-topic-card__body{
    padding:.55rem .62rem .62rem!important;
    gap:.12rem!important;
  }
  .qhome-topic-card h3{margin:.08rem 0 0!important;font-size:.86rem!important;line-height:1.2!important}
  .qhome-topic-card p{font-size:.66rem!important;line-height:1.38!important}
  .qhome-topic-card--soon p{display:none!important}
  .qhome-topic-card--live p{display:block!important;margin:.15rem 0 0!important}
  .qhome-topic-card--live .qhome-text-link{margin-top:.2rem!important;padding-top:0!important;font-size:.68rem!important}
  .qhome-topic-card .qhome-world-badge{
    position:static!important;
    left:auto!important;
    top:auto!important;
    padding:.18rem .4rem!important;
    font-size:.48rem!important;
  }
  .qhome-example-card{padding:.78rem .72rem!important;border-radius:15px!important}
  .qhome-example-card h3{font-size:.92rem!important}
  .qhome-example-card p{font-size:.66rem!important}
  .qhome-world-card{border-radius:15px!important;box-shadow:0 7px 20px rgba(16,42,71,.06)!important}
  .qhome-world-card__media,
  .qhome-world-card__media img{min-height:88px!important;height:88px!important}
  .qhome-world-card--live .qhome-world-card__media,
  .qhome-world-card--live .qhome-world-card__media img{min-height:132px!important;height:132px!important}
  .qhome-world-card__body{
    grid-template-columns:23px minmax(0,1fr)!important;
    gap:.4rem!important;
    padding:.55rem!important;
  }
  .qhome-world-card__icon{width:22px!important;height:22px!important;border-radius:7px!important;font-size:.62rem!important}
  .qhome-world-card h3{margin:0 0 .12rem!important;font-size:.72rem!important;line-height:1.2!important}
  .qhome-world-card p{font-size:.58rem!important;line-height:1.35!important}
  .qhome-world-card--soon p,
  .qhome-world-card--future p{display:none!important}
  .qhome-world-card .qhome-world-badge{left:.45rem!important;top:.45rem!important;padding:.2rem .38rem!important;font-size:.45rem!important}
  .qhome-world-symbols{gap:.28rem!important}
  .qhome-world-symbols span{width:29px!important;height:29px!important;border-radius:8px!important;font-size:.78rem!important}
  .qhome-world-future-mark{width:42px!important;height:42px!important;font-size:1.55rem!important}

  /* So funktioniert: Text kuerzer im Blick, ohne Karten-Overkill. */
  .qhome-step-grid{gap:.62rem!important;margin-top:.72rem!important}
  .qhome-step{grid-template-columns:32px minmax(0,1fr)!important;gap:.55rem!important}
  .qhome-step__number{width:30px!important;height:30px!important;font-size:.82rem!important}
  .qhome-step h3{margin:0 0 .12rem!important;font-size:.77rem!important}
  .qhome-step p{font-size:.66rem!important;line-height:1.42!important}

  /* Garten-Einstieg: ein Hauptbutton; die zweite Aktion wirkt als Link. */
  .qhome-garden-entry__grid{gap:.85rem!important}
  .qhome-garden-entry__copy>p:not(.qhome-kicker){
    margin:.55rem 0 .72rem!important;
    font-size:.72rem!important;
    line-height:1.48!important;
  }
  .qhome-garden-entry .qhome-hero__actions{display:block!important}
  .qhome-garden-entry .qhome-hero__actions .qhome-btn:first-child{width:100%!important;min-height:45px!important}
  .qhome-garden-entry .qhome-hero__actions .qhome-btn--secondary{
    width:auto!important;
    min-height:34px!important;
    margin-top:.25rem!important;
    padding:.25rem 0!important;
    border:0!important;
    background:transparent!important;
    color:var(--qh-green-dark)!important;
    box-shadow:none!important;
  }
  .qhome-garden-entry__cards{gap:.35rem!important}
  .qhome-garden-entry__cards a{
    min-height:39px!important;
    padding:.45rem .55rem!important;
    border-radius:10px!important;
    font-size:.64rem!important;
    box-shadow:0 4px 12px rgba(16,42,71,.04)!important;
  }

  /* Ratgeber: kompakte horizontale Listen statt hoher Magazin-Karten. */
  .qhome-guide-grid{grid-template-columns:1fr!important;gap:.42rem!important}
  .qhome-guide-card{
    grid-template-columns:92px minmax(0,1fr)!important;
    min-height:104px!important;
    border-radius:13px!important;
    box-shadow:0 5px 16px rgba(16,42,71,.05)!important;
  }
  .qhome-guide-card__media{min-height:104px!important;height:104px!important}
  .qhome-guide-card__media img{width:100%!important;height:104px!important;object-fit:cover!important}
  .qhome-guide-card__body{padding:.55rem .6rem!important}
  .qhome-guide-card__tag{padding:.12rem .3rem!important;font-size:.43rem!important}
  .qhome-guide-card h3{
    display:-webkit-box!important;
    overflow:hidden!important;
    margin:.25rem 0 .22rem!important;
    font-size:.83rem!important;
    line-height:1.12!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .qhome-guide-card p{display:none!important}
  .qhome-guide-card .qhome-text-link{margin-top:auto!important;font-size:.56rem!important}

  /* Abschluss ebenfalls kompakt. */
  .qhome-closing__inner{gap:.55rem!important;padding:.9rem 0!important}
  .qhome-closing__logo{width:112px!important}
  .qhome-closing h2{font-size:1.15rem!important}
  .qhome-closing p{font-size:.65rem!important}
  .qhome-closing .qhome-btn{min-height:42px!important}
}

@media(max-width:390px){
  .qhome-title{font-size:1.92rem!important}
  .qhome-hero__visual,
  .qhome-category-hero{max-height:188px!important}
  .qhome-topic-grid{gap:.42rem!important}
  .qhome-topic-card--live .qhome-topic-card__media{max-height:132px!important}
  .qhome-topic-card--soon .qhome-topic-card__media{height:110px!important;min-height:100px!important;max-height:120px!important}
  .qhome-world-card__media,
  .qhome-world-card__media img{min-height:80px!important;height:80px!important}
  .qhome-world-card--live .qhome-world-card__media,
  .qhome-world-card--live .qhome-world-card__media img{min-height:118px!important;height:118px!important}
  .qhome-guide-card{grid-template-columns:84px minmax(0,1fr)!important}
  .qhome-guide-card__media,.qhome-guide-card__media img{height:98px!important;min-height:98px!important}
}