/* QUAMARO subpage layout v4 – 20260910-s3
   Verbindliche Layout-Schicht für alle Unterseiten.
   Visuelle Referenz: Startseite (navy/teal, heller Hero, 1180px, ruhige Karten).
   Texte und Fachlogik bleiben unangetastet. */

html body.qsite-layout-v3{
  --q4-ink:var(--q-ink,#102a47);
  --q4-text:var(--q-text,#536877);
  --q4-muted:var(--q-muted,#667783);
  --q4-accent:var(--q-theme-accent,var(--q-accent,#0a8c99));
  --q4-accent-dark:var(--q-theme-accent-dark,var(--q-accent-dark,#08747f));
  --q4-soft:var(--q-theme-accent-soft,var(--q-accent-soft,#e8f8f7));
  --q4-bg:var(--q-bg,#f6f8fb);
  --q4-bg-2:var(--q-bg-2,#eef3fb);
  --q4-line:var(--q-line,rgba(16,42,71,.11));
  --q4-shadow:var(--q-shadow,0 14px 34px rgba(16,42,71,.075));
  --q4-shadow-lg:var(--q-shadow-lg,0 22px 58px rgba(16,42,71,.11));
  --q4-radius:24px;
  --q4-shell:min(1180px,calc(100% - 40px));
}

html{max-width:100%;overflow-x:clip}
body.qsite-layout-v3{max-width:100%}
.site-header-wrap.qsite-header-host,
.qsite-header,
.qsite-dropdown--categories{overflow:visible}
body.qsite-layout-v3:not(.home-page){background:#fff;color:var(--q4-ink)}
body.qsite-layout-v3:not(.home-page) main,
body.qsite-layout-v3:not(.home-page) section,
body.qsite-layout-v3:not(.home-page) article{min-width:0}
.qgarden-subnav,.garden-section-nav{display:none!important}

/* -------------------------------------------------------------------------- */
/* 1. Dunkle Mobile-Heros aus älteren Patches zurücknehmen                     */
/* -------------------------------------------------------------------------- */
@media(max-width:820px){
  html body.qsite-layout-v3 :is(
    .qsys-hero-card,.garden-master-hero__grid,.hero-section .hero-grid,
    .beet-hero__grid,.pool-hero__grid,.q-terrace-hero,.q-infra-hero__stage,
    .category-hero__grid,.rg-list-hero,.qg-hero-grid,.qh-hero,.qh-hero-grid,
    .categories-hero__grid,.garden-hub-hero__grid,.article-hero,.q-mower-hero__stage
  ){
    background:var(--q4-bg)!important;
    color:var(--q4-ink)!important;
  }
  html body.home-page.qsite-layout-v3 .hero-section .hero-grid{
    background:transparent!important;
    color:inherit!important;
    flex-direction:column!important;
  }
  html body.qsite-layout-v3 :is(
    .qsys-hero-copy,.garden-master-hero__copy,.questionnaire-intro,.beet-hero__copy,
    .pool-hero__grid>div:first-child,.q-terrace-hero__content,.q-infra-hero__copy,
    .category-hero__grid>div:first-child,.qg-hero-copy,.qh-hero-copy,.rg-list-hero-copy,
    .categories-hero__grid>div:first-child,.garden-hub-hero__grid>div:first-child,
    .hero-copy,.article-hero__copy,.q-mower-hero__copy
  ){
    background:transparent!important;
    color:var(--q4-ink)!important;
    padding:0!important;
  }
  html body.qsite-layout-v3.qsite-page-categories .categories-hero__grid>div:first-child,
  html body.qsite-layout-v3.qsite-page-garden-hub .garden-hub-hero__grid>div:first-child,
  html body.qsite-layout-v3.qsite-page-master .garden-master-hero__copy,
  html body.qsite-layout-v3.qsite-page-advisor-route .hero-grid,
  html body.qsite-layout-v3.qsite-page-advisor-route .pool-hero__grid,
  html body.qsite-layout-v3.qsys-page .qsys-hero-card{
    background:transparent!important;
    color:var(--q4-ink)!important;
  }
  html body.qsite-layout-v3 :is(h1,h2){color:var(--q4-ink)!important;text-shadow:none!important}
}

/* -------------------------------------------------------------------------- */
/* 2. Gemeinsame Inhaltsbreite                                                 */
/* -------------------------------------------------------------------------- */
body.qsite-layout-v3:not(.home-page) :is(
  .questionnaire-shell,.categories-page-shell,.guide-page-shell,.rg-shell,
  .page-shell,.legal-shell,.content-shell,.section-inner,.hero-grid,
  .beet-shell,.pool-shell,.qsys-shell,.q-mower-shell,.garden-master-shell,
  .qh-shell,.qg-shell,.q-terrace-shell,.q-infra-shell,.outdoor-shell,
  .layout
){
  width:var(--q4-shell)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* -------------------------------------------------------------------------- */
/* 3. Heller Split-Hero wie auf der Startseite                                 */
/* -------------------------------------------------------------------------- */
body.qsite-layout-v3:not(.home-page) :is(
  .hero-section,.qh-hero,.categories-hero,.garden-hub-hero,.garden-master-hero,
  .qg-hero,.qsys-hero,.pool-hero,.beet-hero,.q-infra-hero,.q-terrace-hero,
  .q-mower-hero,.category-hero
){
  padding:clamp(1.1rem,2.4vw,1.8rem) 0!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

/* Terrasse/Balkon: äußeres .category-hero darf kein zweites 2-Spalten-Grid sein. */
body.qsite-layout-v3:not(.home-page) .category-hero:has(> .category-hero__grid){
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  grid-template-columns:none!important;
}

body.qsite-layout-v3:not(.home-page) :is(
  .hero-section .hero-grid,.qh-hero-grid,.rg-list-hero,.categories-hero__grid,
  .garden-hub-hero__grid,.garden-master-hero__grid,.category-hero__grid,
  .qg-hero-grid,.qsys-hero-card,.beet-hero__grid,.pool-hero__grid,
  .q-terrace-hero,.q-infra-hero__stage,.q-mower-hero__stage,.article-hero
){
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:clamp(1.4rem,4vw,3rem)!important;
  width:var(--q4-shell)!important;
  max-width:1180px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:clamp(1.35rem,3vw,2.4rem)!important;
  overflow:visible!important;
  border:1px solid var(--q4-line)!important;
  border-radius:30px!important;
  background:var(--q4-bg)!important;
  box-shadow:var(--q4-shadow)!important;
  aspect-ratio:auto!important;
}

body.qsite-layout-v3:not(.home-page) :is(
  .questionnaire-intro,.hero-copy,.hero-content,.qh-hero-copy,.rg-list-hero-copy,.qh-hero-grid>div:first-child,
  .categories-hero__grid>div:first-child,.garden-hub-hero__grid>div:first-child,
  .garden-master-hero__copy,.category-hero__grid>div:first-child,.qg-hero-copy,
  .qg-hero-grid>div:first-child,.qsys-hero-copy,.beet-hero__copy,
  .pool-hero__grid>div:first-child,.q-terrace-hero__content,.q-infra-hero__copy,
  .q-mower-hero__copy,.article-hero__copy
){
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  grid-column:1!important;
  grid-row:1!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  color:var(--q4-ink)!important;
  overflow:visible!important;
}

body.qsite-layout-v3:not(.home-page) :is(
  .q-lawn-v3-hero-visual,.hero-photo,.hero-visual,.qh-hero-media,.qh-hero-grid>div:last-child,
  .rg-list-hero-media,.categories-hero__image,.garden-hub-hero__image,
  .garden-master-hero__visual,.category-hero__image,.qg-hero-media,.qsys-hero-visual,
  .beet-hero__visual,.pool-hero__media,.q-terrace-hero__media,.q-infra-hero__media,
  .q-mower-hero__media,.article-hero>img,.qg-hero-grid>img,.qsys-hero-visual img
){
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:420px!important;
  aspect-ratio:16/10!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid var(--q4-line)!important;
  border-radius:22px!important;
  background:var(--q4-bg-2)!important;
  box-shadow:none!important;
}

body.qsite-layout-v3:not(.home-page) :is(
  .q-lawn-v3-hero-visual img,.hero-photo img,.hero-visual img,.qh-hero-image,
  .rg-list-hero-media img,.categories-hero__image img,.garden-hub-hero__image img,
  .garden-master-hero__visual img,.category-hero__image img,.qg-hero-media img,.qg-hero-img,
  .beet-hero__visual img,.pool-hero__media img,.q-terrace-hero__media img,
  .q-infra-hero__media img,.q-mower-hero__media img,.article-hero>img,.qg-hero-grid>img,.qsys-hero-visual img
){
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:var(--q-hero-object-position,center center)!important;
  border:0!important;
  border-radius:0!important;
}

/* Runtime-Patches setzen object-fit:contain mit höherer Spezifität.
   Diese letzte Schicht stellt cover für Split-Heros wieder her. */
html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) :is(
  .qh-hero-image,
  .rg-list-hero-media img,
  .categories-hero__image img,
  .garden-hub-hero__image img,
  .garden-master-hero__visual img,
  .category-hero__image img,
  .qg-hero-media img,
  .qg-hero-img,
  .mower-hero__visual img,
  .beet-hero__visual img,
  .pool-hero__media img,
  .q-terrace-hero__media img,
  .q-infra-hero__media img,
  .q-mower-hero__media img,
  .q-lawn-v3-hero-visual img,
  .hero-section .hero-grid>.q-lawn-v3-hero-visual img,
  .hero-section .hero-grid>.hero-photo img,
  .hero-section .hero-grid>.hero-visual img,
  .hero-section .hero-grid>.hero-photo img,
  header.hero .hero-media>img,
  .article-hero>img,
  .qg-hero-grid>img,
  .qsys-hero-visual img
){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:var(--q-hero-object-position,center center)!important;
}

body.qsite-layout-v3:not(.home-page) .article-hero::after,
body.qsite-layout-v3:not(.home-page) .q-mower-hero__media::after,
body.qsite-layout-v3:not(.home-page) .q-lawn-v3-hero-visual::after,
body.qsite-layout-v3:not(.home-page) .pool-hero__media::after,
body.qsite-layout-v3:not(.home-page) .q-infra-hero__media::after,
body.qsite-layout-v3:not(.home-page) .q-terrace-hero__media::after,
body.qsite-layout-v3:not(.home-page) header.hero .hero-media::after,
body.qsite-layout-v3:not(.home-page) .q-lawn-v3-hero-caption{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Alte Overlay-Heros (absolut hinter schmalem Text) in denselben Split zwingen. */
@media(min-width:901px){
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) :is(
    .q-lawn-v3 .hero-grid,
    .q-pool-v1 .pool-hero__grid,
    .q-mower-hero__stage,
    .q-infra-hero__stage
  ){
    display:grid!important;
    grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;
    max-height:none!important;
  }
}
html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) :is(
  .q-lawn-v3 .questionnaire-intro,
  .q-pool-v1 .pool-hero__grid>div:first-child,
  .q-mower-hero__copy,
  .q-infra-hero__copy
){
  position:relative!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
}
html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) :is(
  .q-lawn-v3-hero-visual,
  .pool-hero__media,
  .q-mower-hero__media,
  .q-infra-hero__media
){
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:420px!important;
}

/* Ratgeber-Overlay (header.hero / .hero-media) in denselben Split-Hero überführen */
html body.qsite-layout-v3:not(.home-page) header.hero{
  padding:clamp(1.1rem,2.4vw,1.8rem) 0 .35rem!important;
  background:transparent!important;
}
html body.qsite-layout-v3:not(.home-page) header.hero .breadcrumb{
  width:var(--q4-shell)!important;
  max-width:1180px!important;
  margin:0 auto .85rem!important;
  padding:0 .2rem!important;
  color:var(--q4-muted)!important;
}
html body.qsite-layout-v3:not(.home-page) header.hero .hero-media{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  gap:1rem!important;
  min-height:0!important;
  height:auto!important;
  padding:clamp(1.05rem,2.4vw,2.4rem)!important;
  overflow:visible!important;
  border:1px solid var(--q4-line)!important;
  border-radius:30px!important;
  background:var(--q4-bg)!important;
  box-shadow:var(--q4-shadow)!important;
}
@media(min-width:901px){
  html body.qsite-layout-v3:not(.home-page) header.hero .hero-media{
    grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;
    align-items:center!important;
    gap:clamp(1.4rem,4vw,3rem)!important;
  }
}
html body.qsite-layout-v3:not(.home-page) header.hero .hero-media::after{display:none!important;content:none!important}
html body.qsite-layout-v3:not(.home-page) header.hero .hero-copy{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:2!important;
  grid-column:1!important;
  grid-row:1!important;
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  color:var(--q4-ink)!important;
  text-shadow:none!important;
}
html body.qsite-layout-v3:not(.home-page) header.hero .hero-media>img{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:var(--q-hero-media-h,220px)!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  border-radius:22px!important;
  box-shadow:none!important;
}
@media(min-width:901px){
  html body.qsite-layout-v3:not(.home-page) header.hero .hero-media>img{
    grid-column:2!important;
    grid-row:1!important;
    max-height:380px!important;
    aspect-ratio:16/10!important;
  }
}
html body.qsite-layout-v3:not(.home-page) header.hero :is(h1,.hero-lead){
  color:var(--q4-ink)!important;
  text-shadow:none!important;
}
html body.qsite-layout-v3:not(.home-page) header.hero .eyebrow{
  color:var(--q4-accent)!important;
  text-shadow:none!important;
}
html body.qsite-layout-v3:not(.home-page) header.hero .article-meta{
  width:var(--q4-shell)!important;
  max-width:1180px!important;
  margin:.85rem auto 0!important;
  padding:0 .2rem!important;
  color:var(--q4-muted)!important;
}
html body.qsite-layout-v3:not(.home-page) .layout{
  width:var(--q4-shell)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.qsite-layout-v3:not(.home-page) :is(
  .hero-section,.qh-hero,.rg-list-hero,.categories-hero,.garden-hub-hero,
  .garden-master-hero,.qg-hero,.qsys-hero,.beet-hero,.pool-hero,.q-terrace-hero,
  .q-infra-hero,.q-mower-hero,.article-hero,header.hero
) :is(h1,h2){
  color:var(--q4-ink)!important;
  text-shadow:none!important;
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:-.03em;
  line-height:1.12!important;
}
body.qsite-layout-v3:not(.home-page) :is(
  .hero-section,.qh-hero,.rg-list-hero,.categories-hero,.garden-hub-hero,
  .garden-master-hero,.qg-hero,.qsys-hero,.beet-hero,.pool-hero,.q-terrace-hero,
  .q-infra-hero,.q-mower-hero,.article-hero,header.hero
) h1{
  font-size:clamp(1.9rem,3.15vw,2.75rem)!important;
  max-width:none!important;
  width:auto!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:manual!important;
}
body.qsite-layout-v3:not(.home-page) :is(
  .eyebrow,.qh-eyebrow,.qg-eyebrow,.qsys-eyebrow,.pool-eyebrow,.rg-list-kicker,
  [class*="eyebrow"],[class*="kicker"]
){
  color:var(--q4-accent-dark)!important;
  text-shadow:none!important;
}
body.qsite-layout-v3:not(.home-page) :is(
  .qh-lead,.rg-lead,.categories-hero__lead,.garden-hub-hero__lead,.qg-lead,
  .mower-hero__lead,.q-terrace-hero__lead,.article-hero .lead,.questionnaire-intro>p,
  .hero-copy>p,.qsys-hero-copy>p,.beet-hero__copy>p,.pool-hero__grid>div:first-child>p
){
  color:var(--q4-text)!important;
  text-shadow:none!important;
  max-width:64ch;
  line-height:1.6;
}
body.qsite-layout-v3:not(.home-page) :is(
  .trust-pill,.qh-pill,.qsys-pill,.garden-master-hero__badge,.beet-badge,
  .pool-pill,.q-pool-hero-badge,.q-terrace-hero__tag,.q-infra-badge,.qg-pill,
  .mower-chip,.q-mower-badge
){
  background:#fff!important;
  border:1px solid var(--q4-line)!important;
  color:#314a5d!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

/* Ratgeber-Hub: Copy links und Bild rechts als genau zwei direkte Grid-Kinder */
body.qsite-page-guide-hub-route .rg-list-hero>.rg-list-hero-copy{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  align-self:center!important;
}
body.qsite-page-guide-hub-route .rg-list-hero-copy>.eyebrow{margin:0 0 .5rem!important}
body.qsite-page-guide-hub-route .rg-list-hero-copy>h1{margin:0 0 .7rem!important}
body.qsite-page-guide-hub-route .rg-list-hero-copy>.rg-lead{margin:0!important}
body.qsite-page-guide-hub-route .rg-list-hero-copy>.rg-actions{margin-top:1.3rem!important}
body.qsite-page-guide-hub-route .rg-list-hero>.rg-list-hero-media{grid-column:2!important;grid-row:1!important}

/* Mäher: bisher Overlay – jetzt echte 2-Spalten-Karte */
body.qsite-layout-v3 .q-mower-hero__stage{min-height:0!important}
body.qsite-layout-v3 .q-mower-hero__copy{width:auto!important;min-height:0!important}

/* Falls ein alter JS-Hero noch im DOM liegt */
.qu-page-hero-source{display:none!important}
html body:not(.home-page) .qu-page-hero{
  width:var(--q4-shell)!important;
  margin:clamp(1.1rem,2.4vw,1.8rem) auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

/* -------------------------------------------------------------------------- */
/* 4. Karten, Buttons, Formulare                                               */
/* -------------------------------------------------------------------------- */
body.qsite-layout-v3:not(.home-page) :is(
  .questionnaire-card,.result-card,.analysis-card,.planner-card,.beet-card,
  .pool-form-card,.pool-info-card,.qsys-card,.q-mower-card,.q-mower-result,
  .garden-master-form-card,.garden-master-result,.garden-master-feature,
  .highlight-card,.category-card,.guide-card,.card,.qh-card,.qh-overview-card,
  .rg-card,.beet-guide-card,.q-dashboard-section
){
  border:1px solid var(--q4-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:var(--q4-shadow)!important;
}

body.qsite-layout-v3:not(.home-page) :is(.button,.btn,.qsys-btn,.pool-button,.qhome-btn,.q-btn){
  min-height:46px;
  border-radius:12px!important;
  font-weight:800;
}
body.qsite-layout-v3:not(.home-page) :is(
  a.button:not(.button-secondary),button.button:not(.button-secondary),
  .qsys-btn--primary,.pool-button:not(.pool-button--secondary)
){
  background:var(--q4-accent)!important;
  border-color:var(--q4-accent)!important;
  color:#fff!important;
}
body.qsite-layout-v3:not(.home-page) :is(.button-secondary,.qsys-btn--secondary,.pool-button--secondary){
  background:#fff!important;
  color:var(--q4-ink)!important;
  border:1px solid var(--q4-line)!important;
}

body.qsite-layout-v3:not(.home-page) :is(input,select,textarea){
  min-height:46px;
  border-radius:12px!important;
  border-color:rgba(16,42,71,.16)!important;
  background:#fff;
}
body.qsite-layout-v3:not(.home-page) textarea{min-height:96px}

body.qsite-layout-v3:not(.home-page) :is(
  .form-grid,.beet-form-grid,.pool-form-grid,.garden-master-form-grid,
  .q-mower-grid,.qsys-grid,.q-infra-grid
){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.85rem!important;
}
body.qsite-layout-v3:not(.home-page) :is(
  .form-field.full,.pool-field.full,.beet-form-grid .full,.garden-master-form-grid .full,
  .form-field:has(textarea),.pool-field:has(textarea),.field-full,.qsys-field--full
){grid-column:1/-1!important}

body.qsite-layout-v3:not(.home-page) :is(
  .beet-layout,.q-mower-layout,.garden-master-planner-grid
){
  display:grid!important;
  grid-template-columns:minmax(0,1.38fr) minmax(260px,.72fr)!important;
  gap:1.1rem!important;
  align-items:start;
}

.q-form-cluster{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem;
  grid-column:1/-1!important;
  margin:0 0 .35rem;
  padding:1rem 0 0;
  border-top:1px solid var(--q4-line);
}
body.qsite-layout-v3:not(.home-page) :is(
  .form-grid,.beet-form-grid,.pool-form-grid,.garden-master-form-grid,
  .q-mower-grid,.qsys-grid,.q-infra-grid,.qv2-form-step
)>.q-form-cluster{grid-column:1/-1!important}
.q-form-cluster :is(.full,.field-full,.triple,.zone-grid,.qv2-shape-extra,.honeypot,.qsys-field--full){
  grid-column:1/-1;
}
.q-form-cluster:first-of-type{padding-top:0;border-top:0}
.q-form-cluster__title{
  grid-column:1/-1;
  margin:0 0 .15rem;
  color:var(--q4-ink);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.q-choice-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:.55rem;
}
.q-choice-chip{
  display:flex;
  align-items:flex-start;
  gap:.5rem;
  padding:.55rem .65rem;
  border:1px solid var(--q4-line);
  border-radius:12px;
  background:#fff;
}

/* -------------------------------------------------------------------------- */
/* 5. Artikel + Hubs                                                           */
/* -------------------------------------------------------------------------- */
body.qsite-layout-v3.qsite-page-article main{
  width:var(--q4-shell)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.qsite-layout-v3.qsite-page-article main>:is(p,ol,ul,h2,h3,.note){max-width:820px}
body.qsite-layout-v3.qsite-page-article :is(.facts,.related){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.8rem!important;
}
body.qsite-layout-v3.qsite-page-article :is(.facts>*,.related>*){
  border:1px solid var(--q4-line)!important;
  border-radius:16px!important;
  background:var(--q4-bg)!important;
  color:var(--q4-ink)!important;
}
body.qsite-layout-v3.qsite-page-article .note{
  border-left:4px solid var(--q4-accent)!important;
  background:var(--q4-soft)!important;
}

body.qsite-layout-v3 :is(.qh-overview-grid,.qh-featured,.rg-list-grid,.banner-grid,.category-overview-grid,.beet-guides,.pool-card-grid){
  gap:.85rem!important;
}

/* -------------------------------------------------------------------------- */
/* 6. Beratungsrhythmus                                                        */
/* -------------------------------------------------------------------------- */
body.qsite-layout-v3.qsite-page-advisor :is(.questionnaire-shell,.beet-section,.pool-section,.qsys-main,.q-mower-section,.garden-master-section){
  padding-top:1.15rem;
  padding-bottom:2.2rem;
}
body.qsite-layout-v3.qsite-page-advisor :is(.questionnaire-card,.beet-card,.pool-form-card,.qsys-form-card,.q-mower-card,.garden-master-form-card){
  padding:clamp(1rem,2.4vw,1.55rem)!important;
}

/* -------------------------------------------------------------------------- */
/* Tablet                                                                      */
/* -------------------------------------------------------------------------- */
@media(max-width:900px){
  body.qsite-layout-v3:not(.home-page) :is(
    .hero-section .hero-grid,.qh-hero-grid,.rg-list-hero,.categories-hero__grid,
    .garden-hub-hero__grid,.garden-master-hero__grid,.category-hero__grid,
    .qg-hero-grid,.qsys-hero-card,.beet-hero__grid,.pool-hero__grid,
    .q-terrace-hero,.q-infra-hero__stage,.q-mower-hero__stage,.article-hero,
    header.hero .hero-media
  ){
    grid-template-columns:1fr!important;
    gap:1rem!important;
    padding:1.05rem!important;
    border-radius:22px!important;
  }
  body.qsite-layout-v3:not(.home-page) :is(
    .q-lawn-v3-hero-visual,.hero-photo,.hero-visual,.qh-hero-media,
    .rg-list-hero-media,.categories-hero__image,.garden-hub-hero__image,
    .garden-master-hero__visual,.category-hero__image,.qg-hero-media,
    .qsys-hero-visual,.beet-hero__visual,.pool-hero__media,.q-terrace-hero__media,
    .q-infra-hero__media,.q-mower-hero__media,.article-hero>img,
    header.hero .hero-media>img
  ){
    grid-column:1!important;
    grid-row:2!important;
    order:2!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    border-radius:16px!important;
  }
  body.qsite-layout-v3:not(.home-page) :is(
    .questionnaire-intro,.hero-copy,.qh-hero-copy,.rg-list-hero-copy,.qh-hero-grid>div:first-child,
    .categories-hero__grid>div:first-child,.garden-hub-hero__grid>div:first-child,
    .garden-master-hero__copy,.qg-hero-copy,.qsys-hero-copy,.beet-hero__copy,
    .pool-hero__grid>div:first-child,.q-terrace-hero__content,.q-infra-hero__copy,
    .q-mower-hero__copy,.article-hero__copy,header.hero .hero-copy
  ){grid-column:1!important;grid-row:1!important;order:1!important}
  body.qsite-page-guide-hub-route .rg-list-hero>.rg-list-hero-copy{
    grid-column:1!important;grid-row:1!important;order:1!important;
  }
  body.qsite-page-guide-hub-route .rg-list-hero>.rg-list-hero-media{
    grid-column:1!important;grid-row:2!important;order:2!important;
  }
  body.qsite-layout-v3:not(.home-page) :is(.beet-layout,.q-mower-layout,.garden-master-planner-grid){
    grid-template-columns:1fr!important;
  }
  body.qsite-layout-v3.qsite-page-article :is(.facts,.related){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* -------------------------------------------------------------------------- */
/* Handy                                                                       */
/* -------------------------------------------------------------------------- */
@media(max-width:700px){
  body.qsite-layout-v3:not(.home-page) :is(
    .questionnaire-shell,.categories-page-shell,.guide-page-shell,.rg-shell,
    .page-shell,.legal-shell,.content-shell,.section-inner,.hero-grid,
    .beet-shell,.pool-shell,.qsys-shell,.q-mower-shell,.garden-master-shell,
    .qh-shell,.qg-shell,.layout
  ),
  body.qsite-layout-v3.qsite-page-article main{
    width:calc(100% - 1.25rem)!important;
  }
  body.qsite-layout-v3:not(.home-page) :is(
    .hero-section .hero-grid,.qh-hero-grid,.rg-list-hero,.categories-hero__grid,
    .garden-hub-hero__grid,.garden-master-hero__grid,.qg-hero-grid,.qsys-hero-card,
    .beet-hero__grid,.pool-hero__grid,.q-terrace-hero,.q-infra-hero__stage,
    .q-mower-hero__stage,.article-hero,header.hero .hero-media
  ){
    width:calc(100% - 1.25rem)!important;
    margin:.65rem auto 1rem!important;
    padding:.9rem!important;
    border-radius:18px!important;
  }
  body.qsite-layout-v3:not(.home-page) h1{font-size:clamp(1.85rem,8vw,2.45rem)!important;line-height:1.05!important}
  body.qsite-layout-v3:not(.home-page) :is(
    .form-grid,.beet-form-grid,.pool-form-grid,.garden-master-form-grid,
    .q-mower-grid,.qsys-grid,.q-infra-grid,.q-form-cluster
  ){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important}
  body.qsite-layout-v3:not(.home-page) :is(input,select,textarea){font-size:16px!important}
  body.qsite-layout-v3 :is(.banner-grid,.category-grid,.qh-featured,.qh-overview-grid,.rg-list-grid,.beet-guides,.pool-card-grid,.category-overview-grid){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.55rem!important;
  }
  body.qsite-layout-v3 .trust-row{display:flex!important;flex-wrap:wrap!important;gap:.4rem!important}
  body.qsite-layout-v3 .q-mower-hero__points,
  body.qsite-layout-v3 .beet-hero__points,
  body.qsite-layout-v3 .garden-master-hero__points{
    grid-template-columns:1fr 1fr!important;
  }
  body.qsite-layout-v3.qsite-page-article :is(.facts,.related){grid-template-columns:1fr!important}
  body.qsite-layout-v3 :is(.question-actions,.result-actions,.pool-actions,.q-mower-actions,.qsys-actions,.beet-actions,.garden-master-hero__actions){
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.45rem!important;
  }
}

@media(max-width:430px){
  body.qsite-layout-v3 :is(.banner-grid,.category-grid,.qh-featured,.qh-overview-grid,.rg-list-grid,.beet-guides,.pool-card-grid,.category-overview-grid){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.5rem!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-grid{gap:.42rem!important}
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--live .category-overview-card__media{max-height:132px!important}
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--soon .category-overview-card__media{
    height:110px!important;min-height:100px!important;max-height:120px!important
  }
  body.qsite-layout-v3 .q-mower-hero__points,
  body.qsite-layout-v3 .beet-hero__points,
  body.qsite-layout-v3 .garden-master-hero__points{grid-template-columns:1fr 1fr!important}
}
@media(max-width:360px){
  body.qsite-layout-v3:not(.home-page) :is(
    .form-grid,.beet-form-grid,.pool-form-grid,.garden-master-form-grid,
    .q-mower-grid,.qsys-grid,.q-infra-grid,.q-form-cluster
  ){grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  body.qsite-layout-v3 *,body.qsite-layout-v3 *:before,body.qsite-layout-v3 *:after{
    scroll-behavior:auto!important;transition:none!important;animation:none!important;
  }
}

/* -------------------------------------------------------------------------- */
/* 7. QUAMARO mobile system – page-family contracts (20260910-ux1)            */
/* Tokens live in quamaro-ds.css. This layer consumes them as last shared CSS. */
/* Do not clip the category flyout: overflow stays visible on header chrome.  */
/* -------------------------------------------------------------------------- */
html{scroll-padding-top:calc(var(--q-header-h,76px) + 12px)}
body.qsite-layout-v3 :is(img,svg,video,canvas,iframe){max-width:100%;height:auto}
body.qsite-layout-v3 :is(main,section,article,aside,.section,.card,.q-card){min-width:0}
body.qsite-layout-v3 :is(h1,h2,h3,p,li,label,button,a){overflow-wrap:break-word}

@media(max-width:900px){
  body.qsite-layout-v3:not(.home-page){
    --q4-shell:min(1180px,calc(100% - var(--q-page-pad,1rem) * 2));
    --q4-radius:var(--q-radius,20px);
  }
  body.qsite-layout-v3:not(.home-page) :is(
    .hero-section,.qh-hero,.categories-hero,.garden-hub-hero,.garden-master-hero,
    .qg-hero,.qsys-hero,.pool-hero,.beet-hero,.q-infra-hero,.q-terrace-hero,
    .q-mower-hero,.category-hero,header.hero
  ){padding:.75rem 0 .35rem!important}
  body.qsite-layout-v3:not(.home-page) :is(
    .hero-section .hero-grid,.qh-hero-grid,.rg-list-hero,.categories-hero__grid,
    .garden-hub-hero__grid,.garden-master-hero__grid,.category-hero__grid,
    .qg-hero-grid,.qsys-hero-card,.beet-hero__grid,.pool-hero__grid,
    .q-terrace-hero,.q-infra-hero__stage,.q-mower-hero__stage,.article-hero,
    header.hero .hero-media
  ){
    gap:.85rem!important;
    padding:.85rem!important;
    border-radius:var(--q-radius,20px)!important;
  }
  body.qsite-layout-v3:not(.home-page) :is(
    .q-lawn-v3-hero-visual,.hero-photo,.hero-visual,.qh-hero-media,
    .rg-list-hero-media,.categories-hero__image,.garden-hub-hero__image,
    .garden-master-hero__visual,.category-hero__image,.qg-hero-media,
    .qsys-hero-visual,.beet-hero__visual,.pool-hero__media,.q-terrace-hero__media,
    .q-infra-hero__media,.q-mower-hero__media,.article-hero>img,
    header.hero .hero-media>img
  ){
    max-height:var(--q-hero-media-h,220px)!important;
    aspect-ratio:16/9!important;
  }
  body.qsite-layout-v3:not(.home-page) h1{
    font-size:var(--q-type-h1)!important;
    line-height:1.12!important;
    max-width:22ch;
  }
  body.qsite-layout-v3:not(.home-page) h2{font-size:var(--q-type-h2)!important;line-height:1.2!important}
  body.qsite-layout-v3:not(.home-page) h3{font-size:var(--q-type-h3)!important;line-height:1.28!important}
  body.qsite-layout-v3:not(.home-page) :is(.hero-copy>p,.hero-lead,.qg-lead,.qh-lead,.rg-lead,.categories-hero__lead,.lead){
    font-size:var(--q-type-lead)!important;
    line-height:1.5!important;
    max-width:42ch;
  }
  body.qsite-layout-v3:not(.home-page) :is(.button,.btn,.qsys-btn,.pool-button,.q-btn){
    min-height:var(--q-touch,44px);
    font-size:var(--q-type-btn);
  }
  body.qsite-layout-v3:not(.home-page) :is(
    .questionnaire-card,.result-card,.analysis-card,.planner-card,.beet-card,
    .pool-form-card,.qsys-card,.q-mower-card,.highlight-card,.guide-card,.card,
    .qh-card,.qh-overview-card,.rg-card,.legal-card
  ){
    border-radius:var(--q-radius,20px)!important;
    box-shadow:0 8px 22px rgba(16,42,71,.06)!important;
  }
}

@media(max-width:700px){
  body.qsite-layout-v3:not(.home-page) .section{
    padding-top:var(--q-section-y,1.45rem)!important;
    padding-bottom:var(--q-section-y,1.45rem)!important;
  }
  body.qsite-layout-v3:not(.home-page) :is(.button,.qsys-btn,.pool-button,.question-actions .button,.result-actions .button){
    width:100%;
    justify-content:center;
  }
  body.qsite-layout-v3:not(.home-page) .inline-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.55rem!important;
  }
  body.qsite-layout-v3:not(.home-page) .inline-actions:has(> :nth-child(2)){
    grid-template-columns:1fr 1fr!important;
  }

  /* Advisor / planner: compact, 2-col fields, grouped, 44px controls */
  body.qsite-layout-v3.qsite-page-advisor :is(.questionnaire-card,.beet-card,.pool-form-card,.qsys-form-card,.q-mower-card,.garden-master-form-card),
  body.qsite-layout-v3[data-q-layout-family="advisor"] :is(.questionnaire-card,.beet-card,.pool-form-card,.qsys-form-card,.q-mower-card,.garden-master-form-card),
  body.qsite-layout-v3[data-q-layout-family="improve"] :is(.questionnaire-card,.beet-card,.pool-form-card){
    padding:var(--q-card-pad,.9rem)!important;
  }
  body.qsite-layout-v3:not(.home-page) :is(input,select,textarea,.select-wrap,button[type="submit"]){
    min-height:var(--q-touch,44px)!important;
    font-size:16px!important;
  }
  body.qsite-layout-v3:not(.home-page) label{
    font-size:var(--q-type-label,.78rem)!important;
    line-height:1.35!important;
  }
  body.qsite-layout-v3:not(.home-page) .q-form-cluster{
    gap:.5rem;
    padding-top:.75rem;
  }
  body.qsite-layout-v3:not(.home-page) .q-form-cluster__title{
    margin-bottom:.15rem;
    font-size:.68rem;
  }
  body.qsite-layout-v3:not(.home-page) :is(.form-field.full,.pool-field.full,.field-full,.qsys-field--full,.form-field:has(textarea),.form-field:has(input[type="number"]),.form-field:has(input[type="file"])){
    grid-column:1/-1!important;
  }
  body.qsite-layout-v3:not(.home-page) .q-choice-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.qsite-layout-v3:not(.home-page) .q-choice-chip{
    min-height:var(--q-touch,44px);
    align-items:center;
  }

  /* Results: recommendation first, products compact */
  body.qsite-layout-v3 :is(.result-card,.analysis-card,.q-mower-result,.garden-master-result,#resultCard,#checkResult,#outdoorResult,#poolPlannerResult){
    padding:var(--q-card-pad,.9rem)!important;
  }
  body.qsite-layout-v3 .result-header{
    display:grid!important;
    gap:.55rem!important;
  }
  body.qsite-layout-v3 :is(.affiliate-product-grid,.qpu-list,.qg-product-grid,.recommendation-grid){
    grid-template-columns:1fr!important;
    gap:.55rem!important;
  }
  body.qsite-layout-v3 :is(.affiliate-product-card,.qg-product-card,.qpu-group .affiliate-product-card){
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:.55rem!important;
    padding:.6rem!important;
    border-radius:14px!important;
  }
  body.qsite-layout-v3 :is(.affiliate-product-card img,.qg-product-card img,.affiliate-product-card__image){
    width:72px!important;
    height:72px!important;
    object-fit:contain!important;
  }

  /* Guide hubs: compact 2-up cards, not endless stacks */
  body.qsite-layout-v3.qsite-page-hub .rg-card,
  body.qsite-layout-v3[data-q-layout-family="hub"] .rg-card,
  body.qsite-layout-v3 .qh-overview-card{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    align-items:stretch;
    min-height:0;
  }
  body.qsite-layout-v3.qsite-page-hub .rg-card img,
  body.qsite-layout-v3 .qh-overview-card img{
    width:96px!important;
    height:100%!important;
    min-height:88px!important;
    max-height:110px!important;
    object-fit:cover!important;
  }
  body.qsite-layout-v3.qsite-page-hub .rg-card-body,
  body.qsite-layout-v3 .qh-overview-card .qh-card-body{
    padding:.65rem .7rem!important;
  }
  body.qsite-layout-v3.qsite-page-hub .rg-card p{display:none!important}

  /* Categories overview: same tile language as the homepage */
  body.qsite-layout-v3.qsite-page-categories .category-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
    gap:.48rem!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--live{grid-column:1/-1!important}
  body.qsite-layout-v3.qsite-page-categories .category-overview-card{
    border-radius:15px!important;
    box-shadow:0 7px 20px rgba(16,42,71,.06)!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--photo .category-overview-card__media{
    border-radius:15px 15px 0 0!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--live .category-overview-card__media{
    aspect-ratio:16/6.5!important;
    height:auto!important;
    max-height:148px!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--soon .category-overview-card__media{
    aspect-ratio:auto!important;
    height:120px!important;
    min-height:108px!important;
    max-height:128px!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--photo .category-overview-card__media img,
  body.categories-page .category-overview-card--photo .category-overview-card__media img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    background:transparent!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-card__icon{
    top:.55rem!important;
    left:.55rem!important;
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
    font-size:.92rem!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--photo .category-overview-card__body{
    padding:.55rem .62rem .62rem!important;
    gap:.12rem!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-card__body h2{
    font-size:.86rem!important;
    line-height:1.2!important;
    margin:.08rem 0 0!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--soon .category-overview-card__body p,
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--soon .category-card-link{
    display:none!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--live .category-overview-card__body p{
    display:block!important;
    margin:.15rem 0 0!important;
    font-size:.66rem!important;
    line-height:1.38!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--live .category-card-link{
    display:inline-flex!important;
    margin-top:.2rem!important;
    font-size:.68rem!important;
  }
  body.qsite-layout-v3.qsite-page-categories .category-overview-card--photo .category-state{
    margin-bottom:0!important;
    padding:.18rem .4rem!important;
    font-size:.48rem!important;
  }

  /* Articles: readable, not oversized cards */
  body.qsite-layout-v3.qsite-page-article header.hero .hero-media,
  body.qsite-layout-v3[data-q-layout-family="article"] header.hero .hero-media,
  body.qsite-layout-v3[data-q-layout-family="content"] .qg-hero-grid{
    padding:.75rem!important;
  }
  body.qsite-layout-v3.qsite-page-article .article-hero,
  body.qsite-layout-v3.qsite-page-article header.hero .hero-media>img{
    min-height:0!important;
    max-height:var(--q-hero-media-h,190px)!important;
  }
  body.qsite-layout-v3.qsite-page-article .article-hero__copy{min-height:0!important;padding:0!important;justify-content:flex-start!important}
  body.qsite-layout-v3.qsite-page-article main>h2,
  body.qsite-layout-v3.guide-page h2,
  body.qsite-layout-v3 .qg-section h2{
    margin-top:1.35rem!important;
    margin-bottom:.45rem!important;
  }
  body.qsite-layout-v3.qsite-page-article main>p,
  body.qsite-layout-v3.guide-page p,
  body.qsite-layout-v3 .qg-section p{
    font-size:var(--q-type-body,.94rem)!important;
    line-height:1.62!important;
  }
  body.qsite-layout-v3 :is(.callout,.note,.quick-answer,.checklist){
    padding:.85rem!important;
    border-radius:14px!important;
    margin:1rem 0!important;
  }
  body.qsite-layout-v3 :is(.decision-grid,.comparison,.diagnose-grid,.related-grid,.action-grid,.four-pillars){
    grid-template-columns:1fr 1fr!important;
    gap:.5rem!important;
  }
  body.qsite-layout-v3 :is(.decision-grid article,.comparison article,.related-card,.action-card){
    padding:.75rem!important;
    border-radius:14px!important;
  }
  body.qsite-layout-v3 table,
  body.qsite-layout-v3 .guide-table{
    display:block;
    max-width:100%;
  }
  body.qsite-layout-v3 .table-scroll,
  body.qsite-layout-v3 .qsite-table-scroll{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    max-width:100%;
  }

  /* Legal */
  body.qsite-layout-v3.qsite-page-legal .legal-card{padding:.85rem!important;border-radius:16px!important}

  /* Dashboard / Mein Garten */
  body.qsite-layout-v3.qsite-page-dashboard :is(.q-dashboard-section,.q-plan-card,.qmg-card){
    padding:.8rem!important;
    border-radius:16px!important;
  }
}

@media(max-width:430px){
  body.qsite-layout-v3:not(.home-page) :is(
    .decision-grid,.comparison,.diagnose-grid,.related-grid,.action-grid,.four-pillars
  ){grid-template-columns:1fr!important}
  body.qsite-layout-v3.qsite-page-hub .rg-card,
  body.qsite-layout-v3 .qh-overview-card{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto;
  }
  body.qsite-layout-v3.qsite-page-hub .rg-card img,
  body.qsite-layout-v3 .qh-overview-card img{
    width:100%!important;
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
  }
}

@media(max-width:360px){
  body.qsite-layout-v3:not(.home-page) .inline-actions:has(> :nth-child(2)){
    grid-template-columns:1fr!important;
  }
  body.qsite-layout-v3 .q-choice-grid{grid-template-columns:1fr}
}

/* Hero stack for every public page family. Must beat earlier 2-column rules
   that used grid-column:2 (those create an implicit second track on small screens). */
@media(max-width:900px){
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) header.hero .hero-media,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .qg-hero-grid,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .article-hero,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .qh-hero-grid,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .rg-list-hero,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .qu-page-hero__grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    min-width:0!important;
  }
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) header.hero .hero-media>*,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .qg-hero-grid>*,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .article-hero>*,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .qh-hero-grid>*,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .rg-list-hero>*{
    grid-column:1!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) header.hero .hero-copy,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .qg-hero-grid>div:first-child,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .article-hero__copy,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .qh-hero-copy,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .rg-list-hero-copy{
    grid-row:1!important;
    width:100%!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) header.hero .hero-media>img,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .qg-hero-img,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .qg-hero-grid>img,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .article-hero>img,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .qh-hero-media,
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) .rg-list-hero-media{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    height:auto!important;
    max-height:var(--q-hero-media-h,210px)!important;
    aspect-ratio:16/9!important;
    object-fit:cover!important;
    min-height:0!important;
  }
  html body.qsite-layout-v3:not(.home-page):not(.qhome-v1) :is(h1,.qg-hero h1,header.hero h1){
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
    max-width:100%!important;
  }
}