/* QUAMARO – gemeinsame Optimierungen für Smartphones und kleine Tablets */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{overflow-wrap:break-word}
img,svg,video{max-width:100%;height:auto}
a,button,summary{-webkit-tap-highlight-color:transparent}
.mobile-menu{display:none;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important}
.mobile-toc{display:none}
.table-scroll{max-width:100%}

@media (max-width:900px){
  .site-header-wrap{position:sticky!important;top:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .site-header{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:.75rem!important;min-height:66px!important;padding:8px 14px!important}
  .site-header .brand{min-width:0;display:flex;align-items:center}
  .site-header .brand img{display:block!important;width:auto!important;max-width:min(172px,52vw)!important;height:46px!important;object-fit:contain!important;object-position:left center!important}
  .site-header>.main-nav,.site-header>.header-actions{display:none!important}
  .mobile-menu{display:block;position:relative;margin-left:auto}
  .mobile-menu>summary{display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:48px;min-height:48px;padding:.65rem .8rem;border:1px solid rgba(22,79,67,.18);border-radius:14px;background:#fff;color:#173f35;font:inherit;font-weight:800;cursor:pointer;list-style:none;box-shadow:0 7px 20px rgba(24,66,42,.08)}
  .mobile-menu>summary::-webkit-details-marker{display:none}
  .mobile-menu__icon{font-size:1.25rem;line-height:1}
  .mobile-menu[open] .mobile-menu__icon{font-size:0}
  .mobile-menu[open] .mobile-menu__icon::after{content:"×";font-size:1.6rem;font-weight:500}
  .mobile-menu__panel{position:absolute;top:calc(100% + 9px);right:0;width:min(330px,calc(100vw - 24px));padding:.55rem;border:1px solid rgba(22,79,67,.16);border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(20,55,45,.2)}
  .mobile-menu__panel a{display:flex!important;align-items:center;min-height:48px;padding:.75rem .85rem;border-radius:12px;color:#173f35!important;text-decoration:none!important;font-weight:750}
  .mobile-menu__panel a:hover,.mobile-menu__panel a:focus-visible{background:#eef6e8}
  .mobile-menu__panel .mobile-menu__cta{justify-content:center;margin-top:.35rem;background:#11796d;color:#fff!important}
  .mobile-menu__panel .mobile-menu__cta:hover,.mobile-menu__panel .mobile-menu__cta:focus-visible{background:#0e655c}
  .button,.back-link,.read-more{min-height:44px}
  .section-heading--between{align-items:flex-start!important;flex-direction:column!important;gap:1rem!important}
  .section-heading--between>.button,.section-heading--between>div+.button{width:100%;justify-content:center;text-align:center}
  .inline-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:.7rem!important}
  .inline-actions .button{width:100%;justify-content:center;text-align:center}
}

@media (max-width:680px){
  .section{padding-left:15px!important;padding-right:15px!important}
  .home-guide-grid{grid-template-columns:1fr!important;gap:1rem!important}
  .home-guide-card{border-radius:18px!important}
  .home-guide-card>img{height:185px!important}
  .home-guide-card__body{padding:1.05rem!important}
  .home-guides-footer{align-items:stretch!important;flex-direction:column!important;padding:1.15rem!important;border-radius:18px!important}
  .home-guides-footer .inline-actions{width:100%!important}

  .guide-hub-hero{padding:2rem 15px 1.25rem!important;gap:1.25rem!important}
  .guide-hub-hero h1{font-size:clamp(2rem,10vw,2.7rem)!important;line-height:1.05!important;letter-spacing:-.04em!important}
  .guide-hub-hero__lead{font-size:1rem!important}
  .guide-hub-hero__actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .guide-hub-hero__actions .button{width:100%!important;justify-content:center;text-align:center}
  .guide-hub-visual{min-height:0!important;max-width:none!important;margin-top:.25rem}
  .guide-hub-visual img{position:static!important;display:block!important;width:100%!important;height:225px!important;aspect-ratio:auto!important;object-fit:cover!important;border:0!important;border-radius:20px!important;box-shadow:0 14px 36px rgba(24,66,42,.16)!important}
  .guide-hub-visual img:nth-child(n+2){display:none!important}
  .guide-intro-strip{padding:0 15px!important;margin-bottom:1rem!important}
  .guide-intro-strip__inner{border-radius:17px!important}
  .guide-intro-strip article{padding:1rem!important}
  .guide-category-grid{display:flex!important;grid-template-columns:none!important;gap:.85rem!important;overflow-x:auto!important;padding:2px 2px 13px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  .guide-category-grid::-webkit-scrollbar{height:6px}
  .guide-category-grid::-webkit-scrollbar-thumb{background:#cbdac4;border-radius:99px}
  .guide-category-card{flex:0 0 min(82vw,330px)!important;min-height:195px!important;border-radius:19px!important;scroll-snap-align:start}
  .guide-category-card img{min-height:195px!important;height:195px!important}
  .guide-category-card__body{padding:1rem!important}
  .guide-category-card__body h3{font-size:1.12rem!important}
  .guide-category-card__body p{font-size:.9rem!important}
  .guide-article-grid{grid-template-columns:1fr!important;gap:1rem!important}
  .guide-card{border-radius:18px!important}
  .guide-card img{height:185px!important}
  .guide-card__body{padding:1.05rem!important}
  .guide-section-head{align-items:stretch!important;flex-direction:column!important;gap:1rem!important}
  .guide-section-head>.button{width:100%!important;justify-content:center;text-align:center}
  .guide-feature{grid-template-columns:1fr!important;padding:1.1rem!important;border-radius:18px!important}
  .guide-feature__actions .button{width:100%!important;justify-content:center;text-align:center}
  .guide-future-template{grid-template-columns:1fr!important;gap:1rem!important}
}

/* Einzelne Ratgeberseiten */
@media (max-width:700px){
  .ratgeber-article .hero{padding:15px 14px 0!important}
  .ratgeber-article .breadcrumb{margin:0 2px 12px!important;padding:0!important;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .ratgeber-article .breadcrumb::-webkit-scrollbar{display:none}
  .ratgeber-article .hero-media{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:visible!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .ratgeber-article .hero-media::after{display:none!important}
  .ratgeber-article .hero-media>img{position:static!important;width:100%!important;height:220px!important;min-height:0!important;border-radius:20px!important;object-fit:cover!important;box-shadow:0 14px 35px rgba(24,66,42,.12)}
  .ratgeber-article .hero-copy{position:static!important;max-width:none!important;padding:19px 3px 0!important;transform:none!important;color:#173f35!important}
  .ratgeber-article .hero-copy .eyebrow{color:#5f8d36!important}
  .ratgeber-article .hero h1{margin:.4rem 0 .8rem!important;font-size:clamp(1.9rem,9vw,2.55rem)!important;line-height:1.08!important;letter-spacing:-.038em!important;color:#173f35!important}
  .ratgeber-article .hero-lead{font-size:1rem!important;line-height:1.62!important;color:#48645b!important}
  .ratgeber-article .article-meta{display:grid!important;grid-template-columns:1fr!important;gap:.28rem!important;margin:14px 3px 0!important;padding:0!important;font-size:.84rem!important}
  .ratgeber-article .layout{display:block!important;margin-top:22px!important;padding:0 15px 48px!important}
  .ratgeber-article .toc{display:none!important}
  .mobile-toc{display:block;margin:0 0 18px;border:1px solid #dce7da;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(28,68,52,.05)}
  .mobile-toc>summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:.8rem 1rem;color:#173f35;font-weight:850;cursor:pointer;list-style:none}
  .mobile-toc>summary::-webkit-details-marker{display:none}
  .mobile-toc>summary::after{content:"+";font-size:1.35rem;font-weight:500}
  .mobile-toc[open]>summary::after{content:"−"}
  .mobile-toc ol{margin:0;padding:0 .95rem .9rem 2.15rem}
  .mobile-toc li{margin:.55rem 0;color:#60736d}
  .mobile-toc a{display:block;padding:.2rem 0;color:inherit;text-decoration:none}
  .ratgeber-article .quick-answer{padding:18px!important;border-radius:17px!important;margin-bottom:22px!important}
  .ratgeber-article .article-intro{font-size:1.05rem!important}
  .ratgeber-article .article section{padding:24px 0!important;scroll-margin-top:82px!important}
  .ratgeber-article .article h2{font-size:clamp(1.45rem,7vw,1.9rem)!important;line-height:1.22!important}
  .ratgeber-article .article h3{font-size:1.12rem!important}
  .ratgeber-article .article p,.ratgeber-article .article li{line-height:1.68!important}
  .ratgeber-article .decision-grid,.ratgeber-article .comparison,.ratgeber-article .diagnose-grid,.ratgeber-article .photo-guide,.ratgeber-article .four-pillars,.ratgeber-article .decision-band,.ratgeber-article .action-grid,.ratgeber-article .related-grid{grid-template-columns:1fr!important;gap:.8rem!important}
  .ratgeber-article .decision-grid article,.ratgeber-article .comparison article,.ratgeber-article .diagnose-grid article,.ratgeber-article .photo-guide article,.ratgeber-article .four-pillars article,.ratgeber-article .decision-band article{padding:16px!important;border-radius:15px!important}
  .ratgeber-article .callout{padding:16px!important;margin:18px 0!important}
  .ratgeber-article .checklist{padding:17px!important}
  .ratgeber-article .timeline li{padding:16px 15px 16px 58px!important}
  .ratgeber-article .timeline li::before{left:15px!important}
  .ratgeber-article .action-panel{padding:18px!important;margin-top:30px!important;border-radius:19px!important}
  .ratgeber-article .action-card{padding:17px!important}
  .table-scroll{position:relative;max-width:100%;margin:18px 0;overflow-x:auto;border:1px solid #dce7da;border-radius:15px;background:#fff;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  .table-scroll .guide-table{min-width:620px;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .table-scroll::after{content:"Tabelle seitlich wischen";position:sticky;left:10px;display:inline-block;margin:8px 10px;padding:.3rem .55rem;border-radius:999px;background:#eef6e8;color:#5d7359;font-size:.75rem;font-weight:800}
  .ratgeber-article .footer-inner{padding-left:18px!important;padding-right:18px!important}
}

@media (max-width:390px){
  .mobile-menu__label{display:none}
  .site-header .brand img{max-width:58vw!important;height:42px!important}
  .ratgeber-article .hero-media>img{height:195px!important}
  .ratgeber-article .hero h1{font-size:1.82rem!important}
  .home-guide-card>img,.guide-card img{height:170px!important}
}

/* ================================================================
   QUAMARO – Mobile Gesamtoptimierung 13.08.2026
   Ziel: alle öffentlichen Seitentypen so kompakt und klar wie die Startseite.
   ================================================================ */

@media (max-width: 900px) {
  body { overflow-x: hidden !important; }
  main, section, article, aside { max-width: 100%; }

  /* Einheitlicher Header / Hamburger – auch auf älteren Seitentypen */
  .site-header-wrap { position: sticky !important; top: 0 !important; z-index: 1200 !important; }
  .site-header { width: min(100% - 20px, 1200px) !important; margin-inline: auto !important; }
  .site-header > .main-nav,
  .site-header > .header-actions { display: none !important; }
  .mobile-menu { display: block !important; }

  /* Einheitliche Inhaltsbreiten */
  .page-shell,
  main.page-shell,
  .questionnaire-shell,
  .legal-shell,
  .mower-shell,
  .rg-shell,
  .qh-shell,
  .category-page-shell,
  .categories-page-shell,
  .footer-inner,
  .footer-bottom {
    width: min(100% - 28px, 1180px) !important;
    max-width: 1180px !important;
    margin-inline: auto !important;
  }

  /* Footer wie Startseite: Marke oben, Links kompakt darunter */
  .site-footer .footer-inner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.25rem 1rem !important;
    padding-top: 1.8rem !important;
    padding-bottom: 1.4rem !important;
  }
  .site-footer .footer-inner > :first-child { grid-column: 1 / -1 !important; }
  .site-footer .footer-brand { max-width: 190px !important; height: auto !important; }
  .site-footer .footer-copy { max-width: 36rem !important; margin-bottom: 0 !important; }
  .site-footer .footer-column h3 { margin-bottom: .55rem !important; }
  .site-footer .footer-column a { margin-block: .28rem !important; }

  /* Buttons: keine winzigen Touch-Ziele */
  .button, button.button, .button-link, .back-link, .read-more {
    min-height: 44px !important;
  }
}

@media (max-width: 680px) {
  /* Globale Typografie und vertikale Abstände */
  h1 { overflow-wrap: normal; hyphens: auto; }
  .section, .hero-section, .category-overview-section, .category-content-section,
  .qh-section { padding-top: 1.45rem !important; padding-bottom: 1.45rem !important; }
  .section-heading { margin-bottom: .9rem !important; }
  .section-heading h2 { font-size: clamp(1.4rem, 7vw, 1.8rem) !important; line-height: 1.18 !important; }
  .eyebrow { font-size: .72rem !important; letter-spacing: .08em !important; }

  /* ============================================================
     Kategorien-Hauptseite
     ============================================================ */
  .categories-hero, .category-hero { padding: 1.55rem 0 1.1rem !important; }
  .categories-hero__grid, .category-hero__grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  .categories-hero h1, .category-hero h1 {
    font-size: clamp(2rem, 9.5vw, 2.6rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -.035em !important;
  }
  .categories-hero__lead, .category-hero__lead {
    font-size: .98rem !important;
    line-height: 1.58 !important;
  }
  .categories-hero__image, .category-hero__image {
    min-height: 0 !important;
    border-radius: 19px !important;
  }
  .categories-hero__image img, .category-hero__image img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
  }
  .category-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .72rem !important;
  }
  .category-overview-card { border-radius: 16px !important; }
  .category-overview-card img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: contain !important;
    padding: .38rem .38rem 0 !important;
  }
  .category-overview-card__body { padding: .75rem !important; }
  .category-overview-card__body h2 { font-size: 1rem !important; line-height: 1.22 !important; }
  .category-overview-card__body p { font-size: .82rem !important; line-height: 1.42 !important; }
  .category-state { margin-bottom: .45rem !important; padding: .26rem .48rem !important; font-size: .68rem !important; }
  .category-card-link { font-size: .78rem !important; }

  /* Einzelne Kategorie-Seiten: kompakte 2er-Auswahl wie Startseite */
  .category-choice-grid, .category-topic-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .72rem !important;
  }
  .category-choice, .category-topic {
    min-height: 0 !important;
    padding: .85rem !important;
    border-radius: 16px !important;
  }
  .category-choice__icon { margin-bottom: .4rem !important; font-size: 1.25rem !important; }
  .category-choice h3, .category-topic h3 { font-size: .95rem !important; line-height: 1.25 !important; }
  .category-choice p, .category-topic p { font-size: .8rem !important; line-height: 1.42 !important; }
  .category-callout { padding: 1rem !important; border-radius: 16px !important; }
  .hero-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: .55rem !important; }
  .hero-actions .button { width: 100% !important; padding-inline: .6rem !important; text-align: center !important; justify-content: center !important; }

  /* ============================================================
     Beratung / Rasen / Analyse / Check
     ============================================================ */
  .questionnaire-page .hero-section {
    width: min(100% - 28px, 1200px) !important;
    margin-top: 1rem !important;
    padding: 0 !important;
  }
  .questionnaire-page .hero-grid {
    grid-template-columns: 1fr !important;
    gap: .9rem !important;
  }
  .questionnaire-intro h1 {
    font-size: clamp(2rem, 9vw, 2.55rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -.035em !important;
  }
  .questionnaire-intro p { font-size: .96rem !important; line-height: 1.58 !important; }
  .questionnaire-page .hero-photo,
  .questionnaire-page .hero-photo--soft {
    min-height: 205px !important;
    height: 205px !important;
    border-radius: 19px !important;
    background-position: center !important;
  }
  .questionnaire-page .trust-row { gap: .38rem !important; margin-top: .8rem !important; }
  .questionnaire-page .trust-pill { padding: .34rem .52rem !important; font-size: .7rem !important; }

  /* Was dich erwartet: bewusst 2 x 2 wie auf der Startseite */
  .questionnaire-page .banner-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .7rem !important;
  }
  .questionnaire-page .highlight-card {
    padding: .85rem !important;
    border-radius: 16px !important;
    gap: .55rem !important;
  }
  .questionnaire-page .highlight-card .card-icon {
    width: 36px !important; height: 36px !important; min-width: 36px !important;
  }
  .questionnaire-page .highlight-card strong { font-size: .9rem !important; line-height: 1.25 !important; }
  .questionnaire-page .highlight-card p { font-size: .76rem !important; line-height: 1.38 !important; }

  .questionnaire-page .service-switch.service-switch--three {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .45rem !important;
    margin-block: 1rem !important;
  }
  .questionnaire-page .service-switch--three .service-option {
    min-height: 112px !important;
    padding: .7rem .35rem !important;
    border-radius: 15px !important;
  }
  .questionnaire-card {
    padding: 1rem !important;
    border-radius: 18px !important;
  }
  .questionnaire-card h2 { font-size: 1.4rem !important; }
  .questionnaire-page .form-grid { grid-template-columns: 1fr !important; gap: .85rem !important; }
  .questionnaire-page .form-field, .questionnaire-page .field { min-width: 0 !important; }
  .questionnaire-page input,
  .questionnaire-page select,
  .questionnaire-page textarea { font-size: 16px !important; }
  .questionnaire-page textarea { min-height: 135px !important; }
  .question-actions { margin-top: 1rem !important; }
  .question-actions .button { width: 100% !important; justify-content: center !important; }

  .result-card { padding: 1rem !important; border-radius: 18px !important; }
  .result-header { display: grid !important; grid-template-columns: 1fr auto !important; gap: .7rem !important; }
  .result-header h2 { font-size: 1.35rem !important; }
  .result-score { min-width: 78px !important; padding: .75rem !important; }
  .result-grid { grid-template-columns: 1fr !important; gap: .75rem !important; }
  .quantity-banner, .analysis-quantities {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .45rem !important;
  }
  .quantity-banner > div, .analysis-quantities > div { padding: .7rem .35rem !important; }
  .quantity-banner strong, .analysis-quantities strong { font-size: 1rem !important; }
  .quantity-banner span, .analysis-quantities span { font-size: .67rem !important; }
  .result-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: .55rem !important; }
  .result-actions .button { width: 100% !important; justify-content: center !important; text-align: center !important; }

  /* Affiliate-/Produktempfehlungen lesbar statt gequetscht */
  .affiliate-product-grid, .awin-guide-grid { grid-template-columns: 1fr !important; gap: .8rem !important; }
  .affiliate-product-card { border-radius: 16px !important; }

  /* ============================================================
     Ratgeber-Hauptseite
     ============================================================ */
  .ratgeber-page .qh-hero { padding: 1.45rem 0 1.1rem !important; }
  .ratgeber-page .qh-hero-grid { grid-template-columns: 1fr !important; gap: .9rem !important; }
  .ratgeber-page .qh-hero h1 {
    font-size: clamp(2rem, 9vw, 2.55rem) !important;
    line-height: 1.06 !important;
  }
  .ratgeber-page .qh-hero-image {
    width: 100% !important; height: auto !important; aspect-ratio: 4/3 !important;
    object-fit: cover !important; border-radius: 19px !important;
  }
  .ratgeber-page .qh-overview-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: .7rem !important;
  }
  .ratgeber-page .qh-overview-card {
    display: flex !important; flex-direction: column !important; border-radius: 16px !important;
  }
  .ratgeber-page .qh-overview-card img {
    width: 100% !important; height: 110px !important; min-height: 110px !important; object-fit: cover !important;
  }
  .ratgeber-page .qh-overview-body { padding: .75rem !important; }
  .ratgeber-page .qh-overview-body h3 { font-size: .95rem !important; }
  .ratgeber-page .qh-overview-body p { font-size: .76rem !important; }

  .ratgeber-page .qh-featured {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: .7rem !important;
  }
  .ratgeber-page .qh-card {
    display: flex !important; flex-direction: column !important; border-radius: 16px !important;
  }
  .ratgeber-page .qh-card img, .ratgeber-page .qh-card-image {
    width: 100% !important; height: 112px !important; object-fit: cover !important;
  }
  .ratgeber-page .qh-card-body { padding: .72rem !important; }
  .ratgeber-page .qh-card h3 { font-size: .9rem !important; line-height: 1.25 !important; }
  .ratgeber-page .qh-card p { font-size: .75rem !important; }
  .ratgeber-page .qh-bottom { grid-template-columns: 1fr !important; padding: .9rem !important; border-radius: 16px !important; }
  .ratgeber-page .qh-bottom-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .ratgeber-page .qh-bottom-actions .button { width: 100% !important; text-align: center !important; justify-content: center !important; }

  /* ============================================================
     Rasen- und Mähroboter-Ratgeber-Hubs
     ============================================================ */
  body.guide-hub .rg-shell { padding-left: 0 !important; padding-right: 0 !important; }
  body.guide-hub .rg-breadcrumb { padding-top: .8rem !important; font-size: .78rem !important; overflow-x: auto !important; white-space: nowrap !important; }
  body.guide-hub .rg-list-hero { padding-top: 1.4rem !important; padding-bottom: 1.25rem !important; }
  body.guide-hub .rg-list-hero h1 {
    font-size: clamp(1.95rem, 9vw, 2.55rem) !important; line-height: 1.07 !important;
  }
  body.guide-hub .rg-lead { font-size: .96rem !important; line-height: 1.58 !important; }
  body.guide-hub .rg-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: .5rem !important; }
  body.guide-hub .rg-actions .button { width: 100% !important; padding-inline: .45rem !important; text-align: center !important; justify-content: center !important; }
  body.guide-hub .rg-list-hero-media { margin-top: .9rem !important; border-radius: 19px !important; }
  body.guide-hub .rg-list-hero-media img { height: 210px !important; object-fit: cover !important; }
  body.guide-hub .rg-note { margin: .9rem 0 1.1rem !important; padding: .85rem !important; font-size: .84rem !important; }
  body.guide-hub .rg-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .72rem !important;
    margin-bottom: 1.6rem !important;
  }
  body.guide-hub .rg-card { border-radius: 16px !important; }
  body.guide-hub .rg-card img, body.guide-hub .rg-list-grid .rg-card img { height: 115px !important; }
  body.guide-hub .rg-card-body { padding: .75rem !important; }
  body.guide-hub .rg-meta { font-size: .64rem !important; }
  body.guide-hub .rg-card h3 { font-size: .92rem !important; line-height: 1.24 !important; }
  body.guide-hub .rg-card p { font-size: .76rem !important; line-height: 1.4 !important; }
  body.guide-hub .rg-link { font-size: .76rem !important; }
  body.guide-hub .rg-cta { grid-template-columns: 1fr !important; margin: 1.6rem 0 2rem !important; padding: 1rem !important; border-radius: 18px !important; }
  body.guide-hub .rg-cta-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: .5rem !important; }
  body.guide-hub .rg-cta-actions .button { width: 100% !important; padding-inline: .45rem !important; text-align: center !important; justify-content: center !important; }

  /* ============================================================
     Einzelne Mähroboter-Ratgeber
     ============================================================ */
  .mower-guide-page .mower-breadcrumb { padding: .8rem 14px 0 !important; font-size: .78rem !important; white-space: nowrap !important; overflow-x: auto !important; }
  .mower-guide-page .mower-hero {
    display: grid !important; grid-template-columns: 1fr !important;
    gap: 1rem !important; padding: 1.3rem 14px 1rem !important;
  }
  .mower-guide-page .mower-hero h1 {
    font-size: clamp(2rem, 9vw, 2.6rem) !important; line-height: 1.06 !important;
  }
  .mower-guide-page .mower-hero__lead { font-size: .97rem !important; line-height: 1.58 !important; }
  .mower-guide-page .mower-hero__actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: .5rem !important; }
  .mower-guide-page .mower-hero__actions .button { width: 100% !important; padding-inline: .5rem !important; text-align: center !important; justify-content: center !important; }
  .mower-guide-page .mower-hero__visual { min-height: 210px !important; border-radius: 19px !important; }
  .mower-guide-page .mower-shell { padding: 0 14px 2rem !important; }
  .mower-guide-page .mower-summary { grid-template-columns: 1fr !important; gap: .7rem !important; margin: .8rem 0 1.3rem !important; }
  .mower-guide-page .mower-summary__box, .mower-guide-page .mower-toc,
  .mower-guide-page .mower-panel, .mower-guide-page .partner-box,
  .mower-guide-page .related-box, .mower-guide-page .faq-box {
    border-radius: 17px !important; padding: 1rem !important;
  }
  .mower-guide-page .mower-content section { margin: 1.6rem 0 !important; }
  .mower-guide-page .mower-content h2 { font-size: 1.45rem !important; line-height: 1.2 !important; }
  .mower-guide-page .decision-grid, .mower-guide-page .related-grid,
  .mower-guide-page .mower-next-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: .65rem !important;
  }
  .mower-guide-page .decision-grid article, .mower-guide-page .related-grid a,
  .mower-guide-page .mower-next-card { padding: .85rem !important; border-radius: 15px !important; }
  .mower-guide-page .mower-table-wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; border-radius: 15px !important; }
  .mower-guide-page .mower-table { min-width: 620px !important; }

  /* ============================================================
     Einzelne klassische Rasen-Ratgeber
     ============================================================ */
  .ratgeber-article .hero { padding: 12px 14px 0 !important; }
  .ratgeber-article .hero-media > img { height: 205px !important; border-radius: 18px !important; }
  .ratgeber-article .hero h1 { font-size: clamp(1.85rem, 8.8vw, 2.4rem) !important; }
  .ratgeber-article .layout { padding: 0 14px 42px !important; margin-top: 18px !important; }
  .ratgeber-article .quick-answer { padding: 15px !important; border-radius: 15px !important; }
  .ratgeber-article .article section { padding: 20px 0 !important; }
  .ratgeber-article .article h2 { font-size: clamp(1.35rem, 6.6vw, 1.72rem) !important; }
  .ratgeber-article .decision-grid,
  .ratgeber-article .four-pillars,
  .ratgeber-article .photo-guide,
  .ratgeber-article .related-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: .7rem !important;
  }
  .ratgeber-article .decision-grid article,
  .ratgeber-article .four-pillars article,
  .ratgeber-article .photo-guide article,
  .ratgeber-article .related-grid article,
  .ratgeber-article .related-grid a { padding: .85rem !important; border-radius: 14px !important; }
  .ratgeber-article .comparison,
  .ratgeber-article .diagnose-grid,
  .ratgeber-article .decision-band,
  .ratgeber-article .action-grid { grid-template-columns: 1fr !important; }
  .ratgeber-article .action-panel { padding: 1rem !important; border-radius: 17px !important; }
  .ratgeber-article .table-scroll { margin: 14px 0 !important; }

  /* ============================================================
     Rechtliche Seiten
     ============================================================ */
  .legal-page .legal-shell { padding-top: 1rem !important; padding-bottom: 2rem !important; }
  .legal-page .legal-card { padding: 1rem !important; border-radius: 18px !important; }
  .legal-page .legal-card .hero { padding: .3rem 0 1rem !important; }
  .legal-page .legal-card h1 { font-size: clamp(2rem, 9vw, 2.5rem) !important; }
  .legal-page .legal-card .lead { font-size: .97rem !important; line-height: 1.6 !important; }
  .legal-page .legal-card .card { padding: 1rem !important; border-radius: 15px !important; }
  .legal-page .legal-card h2 { font-size: 1.25rem !important; line-height: 1.25 !important; }
  .legal-page .legal-card h3 { font-size: 1.05rem !important; }
  .legal-page .legal-card p, .legal-page .legal-card li { line-height: 1.62 !important; }

  /* Kontakt-Demo / generische Hero-Blöcke */
  body:not(.home-page) .hero-grid { grid-template-columns: 1fr !important; gap: 1rem !important; }
  .hero-copy h1 { font-size: clamp(2rem, 9vw, 2.55rem) !important; line-height: 1.06 !important; }

  /* Tabellen generell wischbar */
  .table-scroll, .mower-table-wrap { max-width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
}

@media (max-width: 520px) {
  /* Noch kompakter ohne unlesbar zu werden */
  .site-header { min-height: 62px !important; padding: 7px 10px !important; }
  .site-header .brand img { height: 41px !important; max-width: 54vw !important; }
  .mobile-menu > summary { min-width: 44px !important; min-height: 44px !important; padding: .55rem .65rem !important; }

  .category-overview-card__body p { display: none !important; }
  .category-overview-card__body { min-height: 112px !important; }
  .category-choice p, .category-topic p { display: none !important; }
  .category-choice, .category-topic { min-height: 118px !important; }

  .questionnaire-page .highlight-card p { display: none !important; }
  .questionnaire-page .highlight-card { min-height: 92px !important; align-content: start !important; }

  .ratgeber-page .qh-overview-body p,
  .ratgeber-page .qh-card p,
  body.guide-hub .rg-card p { display: none !important; }
  .ratgeber-page .qh-card img, .ratgeber-page .qh-card-image,
  body.guide-hub .rg-card img, body.guide-hub .rg-list-grid .rg-card img { height: 100px !important; }

  .mower-guide-page .decision-grid,
  .mower-guide-page .related-grid,
  .mower-guide-page .mower-next-grid { grid-template-columns: 1fr 1fr !important; }

  .site-footer .footer-inner { gap: 1rem .8rem !important; }
  .site-footer .footer-column a { font-size: .88rem !important; }
}

@media (max-width: 380px) {
  .category-overview-grid,
  .category-choice-grid,
  .category-topic-grid,
  .ratgeber-page .qh-featured,
  .ratgeber-page .qh-overview-grid,
  body.guide-hub .rg-list-grid,
  .ratgeber-article .decision-grid,
  .ratgeber-article .four-pillars,
  .ratgeber-article .photo-guide { gap: .55rem !important; }

  .category-overview-card__body { padding: .62rem !important; }
  .category-overview-card__body h2 { font-size: .9rem !important; }
  .site-footer .footer-inner { grid-template-columns: 1fr !important; }
  .site-footer .footer-inner > :first-child { grid-column: 1 !important; }
}