/* QUAMARO global polish – 2026-08-13 */
:root{
  --q-ink:#173f35;
  --q-muted:#61736d;
  --q-brand:#159b9a;
  --q-leaf:#668f3d;
  --q-line:#dce7df;
  --q-soft:#f5f9f6;
}
html{scroll-behavior:smooth;overflow-x:clip!important}
body{overflow-x:clip!important;max-width:100%;}
img,svg,video,canvas{max-width:100%;}
main,section,article,div{min-width:0;}

/* Einheitlicher Header */
.site-header-wrap{position:sticky!important;top:0!important;z-index:1200!important;overflow:visible!important;background:#fff;border-bottom:1px solid rgba(23,63,53,.08)}
.site-header{width:min(1180px,calc(100% - 3rem));min-height:78px;margin:0 auto;display:flex;align-items:center;gap:1.15rem;overflow:visible!important}
.site-header .brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.site-header .brand img{display:block;width:auto;max-width:190px;max-height:54px;object-fit:contain}
.site-header .main-nav{display:flex;align-items:center;justify-content:center;gap:1.05rem;margin-left:auto}
.site-header .main-nav a{color:var(--q-ink);font-weight:700;text-decoration:none;white-space:nowrap}
.site-header .main-nav a[aria-current="page"]{color:#0d8582}
.site-header .header-actions{display:flex;align-items:center;flex:0 0 auto}
.site-header .mobile-menu{display:none;position:relative;margin-left:auto}
.site-header .mobile-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.65rem .8rem;border:1px solid var(--q-line);border-radius:12px;background:#fff;color:var(--q-ink);font-weight:800}
.site-header .mobile-menu summary::-webkit-details-marker{display:none}
.site-header .mobile-menu__icon{font-size:1.15rem;line-height:1}
.site-header .mobile-menu__panel{display:grid;gap:.25rem}
.site-header .mobile-menu__panel a{display:block;padding:.8rem .9rem;border-radius:10px;color:var(--q-ink);text-decoration:none;font-weight:750;text-align:left!important}
.site-header .mobile-menu__panel a:hover,.site-header .mobile-menu__panel a:focus-visible{background:#f0f7f4}
.site-header .mobile-menu__panel a[aria-current="page"]{background:#eaf6f4;color:#0b7774}
.site-header .mobile-menu__cta{margin-top:.35rem;background:#147f79!important;color:#fff!important;text-align:center!important}

/* Einheitlicher Footer */
.site-footer{margin-top:clamp(2.5rem,5vw,5rem);background:#123d35;color:#fff}
.site-footer .footer-inner{width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:2.5rem 0 2rem;display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(150px,.7fr));gap:2rem}
.site-footer .footer-brand{display:block;width:auto;max-width:180px;max-height:54px;object-fit:contain;background:#fff;border-radius:12px;padding:.3rem .5rem}
.site-footer .footer-copy{max-width:42ch;margin:.9rem 0 0;color:rgba(255,255,255,.78);line-height:1.65}
.site-footer .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}
.site-footer .footer-column h3{margin:0 0 .35rem;color:#fff;font-size:1rem}
.site-footer a{color:rgba(255,255,255,.86);text-decoration:none}
.site-footer a:hover,.site-footer a:focus-visible{color:#fff;text-decoration:underline}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding:1rem 1.5rem;text-align:center;color:rgba(255,255,255,.68);font-size:.88rem}

/* Nicht verfügbare Kategorien */
a[data-q-coming-soon], [data-q-coming-soon][aria-disabled="true"]{cursor:default!important;pointer-events:none!important;opacity:.88}
a[data-q-coming-soon] .card-link, a[data-q-coming-soon] .qh-more{display:none!important}
.q-coming-soon{width:min(900px,calc(100% - 2rem));margin:clamp(2rem,6vw,5rem) auto;padding:clamp(1.4rem,4vw,3rem);border:1px solid var(--q-line);border-radius:26px;background:linear-gradient(135deg,#f7faf8,#eef7f5);text-align:center}
.q-coming-soon h1{margin:.35rem 0 .8rem;color:var(--q-ink);font-size:clamp(2rem,5vw,3.6rem)}
.q-coming-soon p{max-width:62ch;margin:.6rem auto;color:var(--q-muted);line-height:1.7}
.q-coming-soon__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}

/* Lange Inhalte auf dem Handy kompakter */
.q-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
.q-table-scroll table{min-width:620px;margin:0}
.q-mobile-toc__toggle{display:none}

/* Dynamische Produktlisten: mobil horizontal statt endlos untereinander */
@media(max-width:700px){
  .affiliate-product-grid,.product-grid,.recommendation-grid{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-columns:none!important;
    grid-auto-columns:minmax(82%,1fr)!important;
    gap:.85rem!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    padding:0 0 .55rem;
  }
  .affiliate-product-grid > *, .product-grid > *, .recommendation-grid > *{scroll-snap-align:start}
}

/* Formulare und Ergebnisse dürfen nie aus dem Viewport laufen */
input,select,textarea,button{max-width:100%}
.result-card,.questionnaire-card,.legal-card,.card{max-width:100%;overflow-wrap:anywhere}
.result-actions,.hero-actions,.question-actions{flex-wrap:wrap}

/* Mobil: 2er-Raster für kompakte Übersichten */
@media(max-width:700px){
  .q-mobile-compact-grid,
  .category-grid,
  .category-grid--photos,
  .guide-article-grid,
  .guide-category-grid,
  .qh-featured,
  .related-grid,
  .topic-grid,
  .article-grid,
  .card-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.75rem!important;
  }
  .q-mobile-compact-grid > *, .category-card,.guide-card,.qh-card,.related-card{min-width:0!important}
  .q-mobile-compact-grid > * img{height:120px!important;object-fit:cover!important}
  .category-card img,.category-image,.guide-card img,.qh-card img{height:120px!important;object-fit:cover!important}
  .category-card__body,.guide-card-body,.qh-card-body{padding:.82rem!important}
  .category-card p,.guide-card p,.qh-card p{font-size:.82rem!important;line-height:1.42!important}
  .category-card h3,.guide-card h3,.qh-card h3{font-size:.96rem!important;line-height:1.25!important}
  .card-link,.qh-more{font-size:.78rem!important}

  /* Beratungsarten kompakt nebeneinander */
  .service-switch{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(95px,1fr))!important;gap:.55rem!important}
  .service-switch .service-option{min-width:0!important;padding:.72rem!important;gap:.35rem!important;align-items:flex-start!important}
  .service-switch .card-icon{display:none!important}
  .service-switch strong{font-size:.8rem!important;line-height:1.25!important}
  .service-switch small{font-size:.7rem!important;line-height:1.3!important}

  /* Inhaltsverzeichnisse einklappbar */
  .q-mobile-toc__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;margin:.65rem 0 0;padding:.75rem .9rem;border:1px solid var(--q-line);border-radius:12px;background:#fff;color:var(--q-ink);font:inherit;font-weight:800;cursor:pointer}
  .q-mobile-toc__toggle::after{content:"+";font-size:1.15rem}
  .q-mobile-toc.q-open .q-mobile-toc__toggle::after{content:"–"}
  .q-mobile-toc:not(.q-open) > ol,
  .q-mobile-toc:not(.q-open) > ul{display:none!important}

  /* Ratgeber-Cluster: zwei kompakte Karten, Medien kleiner */
  .qh-clusters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}
  .qh-cluster{display:flex!important;flex-direction:column!important;min-height:0!important}
  .qh-cluster-media{order:-1!important;height:105px!important;min-height:105px!important}
  .qh-cluster-copy{padding:.85rem!important}
  .qh-cluster h3{font-size:1rem!important}
  .qh-cluster p{font-size:.8rem!important;line-height:1.4!important}
}

/* Sehr kleine Displays: weiterhin lesbar, ohne horizontales Herausragen */
@media(max-width:380px){
  .q-mobile-compact-grid,.category-grid,.category-grid--photos,.guide-article-grid,.guide-category-grid,.qh-featured,.related-grid,.topic-grid,.article-grid,.card-grid,.qh-clusters{gap:.55rem!important}
  .category-card img,.category-image,.guide-card img,.qh-card img{height:105px!important}
  .category-card__body,.guide-card-body,.qh-card-body,.qh-cluster-copy{padding:.68rem!important}
  .category-card p,.guide-card p,.qh-card p,.qh-cluster p{font-size:.76rem!important}
}

/* Mobile Navigation: Panel bleibt zentriert und drückt nichts nach rechts */
@media(max-width:900px){
  .site-header{width:min(100% - 2rem,1180px);min-height:68px;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.75rem!important;position:relative}
  .site-header .brand img{max-width:155px;max-height:46px}
  .site-header .main-nav,.site-header .header-actions{display:none!important}
  .site-header .mobile-menu{display:block!important;position:static!important;margin:0!important;justify-self:end}
  .site-header .mobile-menu__panel{position:absolute!important;left:0!important;right:0!important;top:calc(100% + .4rem)!important;width:auto!important;max-width:none!important;margin:0!important;padding:.7rem!important;border:1px solid var(--q-line);border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(23,63,53,.16);text-align:left!important;z-index:9999}
  .site-header .mobile-menu__panel a{width:100%!important;box-sizing:border-box;text-align:left!important;margin:0!important}

  .site-footer .footer-inner{width:min(100% - 2rem,1180px);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem;padding:2rem 0 1.6rem}
  .site-footer .footer-inner > :first-child{grid-column:1/-1}
  .site-footer .footer-column:last-child{grid-column:1/-1}
}

@media print{
  .site-header-wrap,.site-footer,.hero-section,.service-switch,.questionnaire-card,.result-actions,.affiliate-disclosure,.affiliate-api-note,.q-mobile-toc__toggle{display:none!important}
  body{background:#fff!important}
  #resultCard:not([hidden]),#ergebnis:not([hidden]),.result-card:not([hidden]){display:block!important;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important}
}


/* Nicht klickbarer aktueller Header-CTA auf der Kategorienseite */
.site-header .header-actions .button[aria-current="page"] {
  cursor: default;
  user-select: none;
}
.site-header .mobile-menu__panel span.mobile-menu__cta {
  display: flex;
  width: 100%;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: .72rem .85rem;
  border-radius: 10px;
  font-weight: 750;
  cursor: default;
}


/* Header sticky hardening – 2026-08-13
   overflow-x:clip erzeugt keinen Scroll-Container und blockiert sticky nicht. */
html,body{
  overflow-x:clip!important;
}
.site-header-wrap{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
}


/* Ein einziges Inhaltsverzeichnis für Desktop und Mobil */
.q-single-toc>summary{
  margin:0 0 10px;
  color:var(--q-ink,#173f35);
  font-size:1rem;
  font-weight:800;
  cursor:pointer;
  list-style:none;
}
.q-single-toc>summary::-webkit-details-marker{display:none}
.q-single-toc>summary::after{
  content:"–";
  float:right;
  margin-left:.75rem;
  font-size:1.1rem;
  font-weight:600;
}
.q-single-toc:not([open])>summary::after{content:"+"}

@media(max-width:700px){
  .ratgeber-article .layout{
    display:flex!important;
    flex-direction:column!important;
  }
  .ratgeber-article .toc{
    display:block!important;
    position:static!important;
    order:-1!important;
    margin:0 0 18px!important;
  }
  .ratgeber-article .toc .side-cta{display:none!important}
  .ratgeber-article .q-single-toc{
    margin:0!important;
    padding:0!important;
    border:1px solid #dce7da!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(28,68,52,.05)!important;
  }
  .ratgeber-article .q-single-toc>summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:50px;
    margin:0!important;
    padding:.8rem 1rem;
  }
  .ratgeber-article .q-single-toc>ol{
    margin:0!important;
    padding:0 .95rem .9rem 2.15rem!important;
  }
}

/* Seitenrand-Werbung – 2026-08-16
   Drei rotierende Designs. Sichtbar nur dort, wo rechts neben dem 1180px-Inhalt
   genug echter Rand vorhanden ist; dadurch wird der Seiteninhalt nie überlagert. */
:root{--q-side-ad-content:1180px;--q-side-ad-gap:14px}
.q-side-ad{display:none;position:fixed;top:96px;right:12px;z-index:850;width:132px;max-height:calc(100vh - 116px);font-family:inherit}
.q-side-ad__topline{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin:0 0 .38rem}
.q-side-ad__label{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:.22rem .52rem;border-radius:999px;background:#edf5f1;color:#49675e;font-size:.64rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.q-side-ad__dismiss{appearance:none;border:0;background:transparent;color:#60736d;padding:.22rem .12rem;font:inherit;font-size:.62rem;font-weight:750;line-height:1.2;cursor:pointer;text-decoration:none;white-space:nowrap}
.q-side-ad__dismiss span{font-size:.9rem;line-height:1;vertical-align:-.05em}
.q-side-ad__dismiss:hover,.q-side-ad__dismiss:focus-visible{color:#173f35;text-decoration:underline;text-underline-offset:2px}
.q-side-ad__dismiss:focus-visible{outline:2px solid #159b9a;outline-offset:2px;border-radius:6px}
.q-side-ad__card{display:block;overflow:hidden;border:1px solid #dce7df;border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 14px 36px rgba(23,63,53,.13);transition:transform .18s ease,box-shadow .18s ease}
.q-side-ad__card:hover,.q-side-ad__card:focus-visible{transform:translateY(-3px);box-shadow:0 20px 46px rgba(23,63,53,.2)}
.q-side-ad__media{overflow:hidden;background:#e7f0e9}
.q-side-ad__image{display:block;width:100%;height:92px;object-fit:cover}
.q-side-ad__body{padding:.72rem}
.q-side-ad__partner{display:block;margin-bottom:.35rem;color:#138b86;font-size:.62rem;font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}
.q-side-ad__title{margin:0 0 .42rem;color:#173f35;font-size:.82rem;line-height:1.22;letter-spacing:-.01em}
.q-side-ad__text{display:none;margin:0 0 .65rem;color:#61736d;font-size:.75rem;line-height:1.42}
.q-side-ad__cta{display:block;color:#0f827c;font-size:.7rem;font-weight:850;line-height:1.3}

/* Variante 2: farbiger Akzent */
.q-side-ad--accent .q-side-ad__card{background:linear-gradient(155deg,#173f35,#246255);border-color:#246255}
.q-side-ad--accent .q-side-ad__body{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.07))}
.q-side-ad--accent .q-side-ad__partner{color:#bde8dc}
.q-side-ad--accent .q-side-ad__title,.q-side-ad--accent .q-side-ad__text{color:#fff}
.q-side-ad--accent .q-side-ad__cta{color:#d6f5ed}

/* Variante 3: kompakter Produktstreifen */
.q-side-ad--compact .q-side-ad__image{height:68px}
.q-side-ad--compact .q-side-ad__card{border-radius:14px}
.q-side-ad--compact .q-side-ad__body{padding:.65rem}

/* Ab ca. 1480px ist ein schmaler Randbanner möglich. */
@media(min-width:1480px){.q-side-ad{display:block}}

/* Mehr Rand = lesbarerer Banner. */
@media(min-width:1580px){
  .q-side-ad{right:14px;width:174px}
  .q-side-ad__image{height:108px}
  .q-side-ad__body{padding:.85rem}
  .q-side-ad__title{font-size:.95rem}
  .q-side-ad__text{display:block;font-size:.78rem}
  .q-side-ad__cta{font-size:.76rem}
}
@media(min-width:1700px){
  .q-side-ad{right:max(14px,calc((100vw - var(--q-side-ad-content))/2 - 250px));width:238px;top:102px}
  .q-side-ad__label{font-size:.69rem;padding:.25rem .62rem}
  .q-side-ad__image{height:142px}
  .q-side-ad__body{padding:1rem}
  .q-side-ad__partner{font-size:.68rem}
  .q-side-ad__title{font-size:1.05rem}
  .q-side-ad__text{font-size:.84rem;line-height:1.5}
  .q-side-ad__cta{font-size:.82rem}
  .q-side-ad--compact .q-side-ad__image{height:92px}
}
@media(min-width:1840px){
  .q-side-ad{right:max(18px,calc((100vw - var(--q-side-ad-content))/2 - 276px));width:260px}
  .q-side-ad__image{height:154px}
}
@media(max-height:720px){
  .q-side-ad{top:82px}
  .q-side-ad__image{height:72px}
  .q-side-ad__text{display:none}
}
@media print{.q-side-ad{display:none!important}}


/* Freiwillige Werbung: auf schmalem Desktop-Rand bleibt der Schließen-Button kompakt. */
@media(min-width:1480px) and (max-width:1579px){
  .q-side-ad__dismiss{font-size:0}
  .q-side-ad__dismiss span{font-size:1rem;display:inline-block;padding:.1rem .2rem}
}

/* ================================================================
   QUAMARO Mobile + Performance Pass · 16.08.2026
   Lädt als letztes globales Stylesheet und stabilisiert alle Seitentypen.
   ================================================================ */

/* Interaktion etwas direkter auf Touch-Geräten. */
a,button,input,select,textarea,summary{touch-action:manipulation}
img{height:auto}

/* Rendering weit unterhalb des sichtbaren Bereichs darf der Browser aufschieben. */
@supports (content-visibility:auto){
  .ratgeber-article .article>section:nth-of-type(n+3),
  .mower-guide-page main section:nth-of-type(n+4),
  .affiliate-group,
  .related,
  .sources,
  .pool-partner-products{
    content-visibility:auto;
    contain-intrinsic-size:auto 520px;
  }
}

@media(max-width:900px){
  /* Einheitliche Seitenbreite statt verschiedener alter Shell-Abstände. */
  .page-shell,.questionnaire-shell,.legal-shell,.section,
  .categories-page-shell,.category-page-shell,.rg-shell,.mower-shell,.qh-shell,
  .pool-shell{
    width:min(100% - 1.5rem,1180px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Alle großen Hero-Grids brechen sauber auf eine Spalte um. */
  .hero-grid,.categories-hero__grid,.category-hero__grid,.qh-hero-grid,
  .mower-hero__grid,.pool-hero__grid{
    grid-template-columns:1fr!important;
    gap:1.2rem!important;
  }

  /* Lange Hero-Bilder bleiben kompakt statt den ersten Screen zu füllen. */
  .hero-photo,.categories-hero__image,.category-hero__image,.qh-hero-media,
  .mower-hero__media,.pool-hero__media{
    max-width:100%!important;
    min-width:0!important;
  }
  .categories-hero__image img,.category-hero__image img,.qh-hero-media img,
  .mower-hero__media img,.pool-hero__media img{
    width:100%!important;
    max-height:360px!important;
    object-fit:cover!important;
  }

  /* Form- und Ergebnisgrids dürfen niemals überstehen. */
  .form-grid,.result-grid,.analysis-grid,.check-grid,.question-grid,
  .product-recommendation-grid{
    min-width:0!important;
    max-width:100%!important;
  }

  /* Große Buttons funktionieren auch bei langen deutschen Beschriftungen. */
  .button,.button-small,.pool-button,.header-cta,
  button[type="submit"],button[type="button"]{
    min-height:44px;
    white-space:normal!important;
    line-height:1.25!important;
    text-align:center;
  }
}

@media(max-width:700px){
  body{font-size:16px}

  .page-shell,.questionnaire-shell,.legal-shell,.section,
  .categories-page-shell,.category-page-shell,.rg-shell,.mower-shell,.qh-shell,
  .pool-shell{
    width:min(100% - 1.15rem,1180px)!important;
  }

  /* Die wichtigsten Übersichten bleiben wie gewünscht kompakt zweispaltig. */
  .category-overview-grid,.category-choice-grid,.popular-category-grid,
  .qh-overview-grid,.qh-featured,.rg-list-grid,.guide-article-grid,
  .home-guide-grid,.related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.65rem!important;
  }

  .category-overview-card,.category-choice,.popular-category-card,
  .qh-overview-card,.qh-card,.rg-card,.home-guide-card,.related-card{
    min-width:0!important;
    overflow:hidden!important;
    border-radius:15px!important;
  }

  .category-overview-card img,.popular-category-card img,
  .qh-overview-card img,.qh-card img,.rg-card img,.home-guide-card>img{
    width:100%!important;
    height:118px!important;
    min-height:0!important;
    object-fit:cover!important;
  }

  .category-overview-card__body,.popular-category-card__body,
  .qh-overview-body,.qh-card-body,.rg-card-body,.home-guide-card__body{
    padding:.75rem!important;
  }

  .category-overview-card h2,.category-choice h3,.popular-category-card h3,
  .qh-overview-card h3,.qh-card h3,.rg-card h3,.home-guide-card h3{
    font-size:.94rem!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }

  .category-overview-card p,.category-choice p,.popular-category-card p,
  .qh-overview-card p,.qh-card p,.rg-card p,.home-guide-card p{
    font-size:.78rem!important;
    line-height:1.42!important;
  }

  /* Ratgeber-Hero: mobil Bild + Text statt riesigem Overlay. */
  .ratgeber-article .hero-media>img{
    height:205px!important;
    max-height:205px!important;
    object-fit:cover!important;
  }

  /* Beratungsseiten: kompakter Einstieg und einspaltige Eingaben. */
  body.questionnaire-page .hero-section{padding-top:1rem!important;padding-bottom:.4rem!important}
  body.questionnaire-page .hero-grid{gap:1rem!important}
  body.questionnaire-page .questionnaire-intro h1{
    font-size:clamp(1.9rem,8.5vw,2.45rem)!important;
    line-height:1.08!important;
  }
  body.questionnaire-page .questionnaire-intro p{font-size:.98rem!important;line-height:1.58!important}
  body.questionnaire-page .hero-photo{min-height:190px!important;height:210px!important;border-radius:18px!important}
  body.questionnaire-page .form-grid{grid-template-columns:1fr!important;gap:.85rem!important}
  body.questionnaire-page .form-field.full{grid-column:auto!important}
  body.questionnaire-page .questionnaire-card{padding:1rem!important;border-radius:19px!important}

  /* Vertrauens-/Hinweiskarten: zwei pro Reihe, nicht endlos untereinander. */
  .banner-grid,.expectation-trust-grid,.home-mini-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.65rem!important;
  }
  .highlight-card,.expectation-trust-item,.home-mini-item{padding:.8rem!important;min-width:0!important}
  .highlight-card p,.expectation-trust-item span,.home-mini-item small{font-size:.78rem!important;line-height:1.4!important}

  /* Footer kompakt, aber nicht gequetscht. */
  .site-footer .footer-inner{
    width:min(100% - 1.25rem,1180px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:1rem!important;
    padding:1.65rem 0 1.25rem!important;
  }
  .site-footer .footer-inner>:first-child{grid-column:1/-1!important}
  .site-footer .footer-column:last-child{grid-column:1/-1!important}
  .site-footer .footer-column a{font-size:.9rem;line-height:1.3}
}

@media(max-width:420px){
  .site-header{width:calc(100% - 1rem)!important}
  .site-header .brand img{max-width:138px!important;max-height:42px!important}

  .page-shell,.questionnaire-shell,.legal-shell,.section,
  .categories-page-shell,.category-page-shell,.rg-shell,.mower-shell,.qh-shell,
  .pool-shell{width:calc(100% - .85rem)!important}

  .category-overview-grid,.category-choice-grid,.popular-category-grid,
  .qh-overview-grid,.qh-featured,.rg-list-grid,.guide-article-grid,
  .home-guide-grid,.related-grid{gap:.5rem!important}

  .category-overview-card img,.popular-category-card img,
  .qh-overview-card img,.qh-card img,.rg-card img,.home-guide-card>img{height:105px!important}

  .category-overview-card__body,.popular-category-card__body,
  .qh-overview-body,.qh-card-body,.rg-card-body,.home-guide-card__body{padding:.62rem!important}

  .category-overview-card h2,.category-choice h3,.popular-category-card h3,
  .qh-overview-card h3,.qh-card h3,.rg-card h3,.home-guide-card h3{font-size:.88rem!important}

  .category-overview-card p,.category-choice p,.popular-category-card p,
  .qh-overview-card p,.qh-card p,.rg-card p,.home-guide-card p{font-size:.73rem!important}

  body.questionnaire-page .hero-photo{height:185px!important;min-height:185px!important}
  .site-footer .footer-inner{width:calc(100% - 1rem)!important}
}

/* Startseite: die bereits gewünschte kompakte 3er-Ratgeberzeile beibehalten. */
@media(max-width:700px){
  .home-page .home-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important}
  .home-page .home-guide-card>img{height:92px!important}
  .home-page .home-guide-card__body{padding:.55rem!important}
  .home-page .home-guide-card__body .article-meta,
  .home-page .home-guide-card__body p,
  .home-page .home-guide-card__body .read-more{display:none!important}
  .home-page .home-guide-card__body h3{font-size:.74rem!important;line-height:1.25!important;margin:0!important}
}
@media(max-width:380px){
  .ratgeber-article .related-grid,.mower-guide-page .related-grid{grid-template-columns:1fr!important}
}
@media print{
  .ratgeber-article .article>section,.mower-guide-page main section,
  .affiliate-group,.related,.sources,.pool-partner-products{
    content-visibility:visible!important;
    contain:none!important;
  }
}


/* ================================================================
   Garten & Außenbereich · geordnete Themen-Hubseite · 16.08.2026
   ================================================================ */
.category-hub-hero .category-hero__lead{max-width:720px}
.category-hub-jump{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}
.category-hub-jump a{display:inline-flex;align-items:center;gap:.38rem;padding:.62rem .9rem;border:1px solid rgba(28,76,47,.13);border-radius:999px;background:#fff;color:#173f49;text-decoration:none;font-weight:750;box-shadow:0 7px 18px rgba(24,66,42,.05)}
.category-hub-jump a:hover,.category-hub-jump a:focus-visible{border-color:rgba(29,138,164,.4);background:#f1fafc}
.category-hub-content{padding-top:.6rem}
.category-hub-intro{max-width:760px;margin:0 0 1.35rem}
.category-hub-intro h2{margin:.2rem 0 .55rem}
.category-hub-intro>p:last-child{color:#526872;line-height:1.65;margin-bottom:0}
.category-topic{margin:0 0 1.35rem;padding:1.25rem;border:1px solid rgba(20,72,88,.12);border-radius:26px;background:#fff;box-shadow:0 14px 36px rgba(20,72,88,.065);scroll-margin-top:96px}
.category-topic__head{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(20,72,88,.09)}
.category-topic__head .eyebrow{margin:0 0 .2rem}
.category-topic__head h2{margin:0 0 .3rem;font-size:clamp(1.35rem,2.25vw,1.8rem);color:#123e49}
.category-topic__head p:last-child{margin:0;color:#5a7079;line-height:1.55}
.category-topic__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#edf7f1;font-size:1.65rem}
.category-topic--mower .category-topic__icon{background:#eef4f8}
.category-topic--pool .category-topic__icon{background:#eaf8fb}
.category-topic__guide-link{white-space:nowrap;text-decoration:none;color:#15677a;font-weight:800;font-size:.92rem;padding:.55rem .8rem;border-radius:999px;background:#f1fafc}
.category-topic__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;padding-top:1rem}
.category-action-card{display:flex;gap:.75rem;min-width:0;padding:1rem;border:1px solid rgba(20,72,88,.1);border-radius:19px;background:#fbfdfd;color:inherit;text-decoration:none;transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.category-action-card:hover,.category-action-card:focus-visible{transform:translateY(-2px);border-color:rgba(29,138,164,.32);box-shadow:0 12px 26px rgba(20,72,88,.09)}
.category-action-card--primary{background:linear-gradient(135deg,#eef8f1,#f7fbf8);border-color:rgba(39,123,74,.2)}
.category-topic--pool .category-action-card--primary{background:linear-gradient(135deg,#ebf9fc,#f8fcfd);border-color:rgba(29,138,164,.22)}
.category-action-card__icon{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#fff;font-size:1.25rem;box-shadow:0 5px 14px rgba(20,72,88,.06)}
.category-action-card small{display:block;color:#65808a;font-weight:750;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem}
.category-action-card h3{margin:0 0 .35rem;color:#123e49;font-size:1.06rem;line-height:1.3}
.category-action-card p{margin:0 0 .65rem;color:#586e78;font-size:.9rem;line-height:1.5}
.category-action-card strong{display:block;color:#176d80;font-size:.9rem;margin-top:auto}
.category-action-card>div{display:flex;min-width:0;flex:1;flex-direction:column}
.category-knowledge{margin:1.75rem 0 .5rem;padding:1.25rem;border-radius:26px;background:linear-gradient(135deg,#f3f8f0,#f1f9fa);border:1px solid rgba(20,72,88,.1)}
.category-knowledge__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.category-knowledge__head h2{margin:.2rem 0 .35rem;color:#123e49}
.category-knowledge__head p:last-child{margin:0;color:#5b7079}
.category-knowledge__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.category-knowledge__grid>a{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:17px;background:#fff;border:1px solid rgba(20,72,88,.09);color:inherit;text-decoration:none}
.category-knowledge__grid>a>span{font-size:1.3rem}
.category-knowledge__grid strong,.category-knowledge__grid small{display:block}
.category-knowledge__grid strong{color:#123e49}
.category-knowledge__grid small{margin-top:.15rem;color:#607681}
@media(max-width:820px){
  .category-topic__head{grid-template-columns:auto 1fr}.category-topic__guide-link{grid-column:2;justify-self:start}
  .category-topic__actions{grid-template-columns:1fr}
  .category-action-card{padding:.9rem}
  .category-knowledge__head{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
  .category-hub-jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .category-hub-jump a{justify-content:center;padding:.55rem .5rem;font-size:.84rem}
  .category-topic{padding:.9rem;margin-bottom:.9rem;border-radius:20px}
  .category-topic__head{gap:.7rem;padding-bottom:.75rem}
  .category-topic__icon{width:44px;height:44px;border-radius:14px;font-size:1.35rem}
  .category-topic__head h2{font-size:1.18rem!important;line-height:1.25}
  .category-topic__head p:last-child{font-size:.84rem;line-height:1.45}
  .category-topic__guide-link{font-size:.8rem;padding:.48rem .65rem}
  .category-topic__actions{gap:.55rem;padding-top:.75rem}
  .category-action-card{gap:.65rem;padding:.78rem;border-radius:15px}
  .category-action-card__icon{width:36px;height:36px;border-radius:11px;font-size:1.05rem}
  .category-action-card h3{font-size:.94rem!important}
  .category-action-card p{font-size:.79rem!important;line-height:1.4;margin-bottom:.45rem}
  .category-action-card strong{font-size:.8rem}
  .category-knowledge{padding:.9rem;border-radius:20px;margin-top:1rem}
  .category-knowledge__grid{grid-template-columns:1fr;gap:.5rem}
  .category-knowledge__grid>a{padding:.72rem .8rem}
}


/* category visibility safeguard 20260816-7 */
.category-topic--lawn,.category-topic--pool{display:block!important;visibility:visible!important;opacity:1!important}


/* Garten & Außenbereich: ausgewogenes 2x2-Raster der vier Beratungsbereiche */
.category-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:stretch}
.category-topic-grid .category-topic{margin:0;height:100%;display:flex;flex-direction:column}
.category-topic-grid .category-topic__head{grid-template-columns:auto 1fr;align-items:start}
.category-topic-grid .category-topic__guide-link{grid-column:2;justify-self:start;margin-top:.15rem}
.category-topic-grid .category-topic__actions{grid-template-columns:1fr;flex:1}
.category-topic-grid .category-action-card{min-height:0}
@media(max-width:980px){.category-topic-grid{grid-template-columns:1fr}}

/* QUAMARO mobile consistency audit 2026-08-27 */
@media(max-width:700px){
  .outdoor-hub-page .category-topic__head{grid-template-columns:1fr!important}
  .outdoor-hub-page .category-topic__guide-link{grid-column:1!important;justify-self:start!important;white-space:normal!important}
}