/* QUAMARO runtime patches bundle – generated, do not edit directly.
   Bewahrt die bisherige Live-Cascade, ersetzt einzelne CSS-Requests
   und nachträgliche Refinement-Loader durch eine deterministische Datei. */

/* ===== source: assets/garden-hero-mobile.css ===== */
/* QUAMARO mobile hero layout
   Startseite: Motiv oben, bestehendes Verhalten.
   Unterseiten: heller Split, Text oben, ein Bild darunter. */

@media (max-width: 820px) {
  :root {
    --qhero-mobile-image: clamp(190px, 52vw, 260px);
    --qhero-mobile-bg: #15372b;
    --qhero-mobile-bg-alt: #113027;
  }

  /* Startseite bleibt die dunkle, bildgeführte Karte. */
  html body.home-page .hero-section .hero-grid {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    background: var(--qhero-mobile-bg) !important;
  }

  /* Unterseiten: helle Karte, eine Spalte, Inhalt bestimmt die Höhe. */
  html body.qsys-page .qsys-hero-card,
  html body.garden-master-page .garden-master-hero__grid,
  html body .hero-section .hero-grid:has(.q-lawn-v3-hero-visual),
  html body .hero-section .hero-grid:has(.hero-photo),
  html body.beet-planner-page .beet-hero__grid,
  html body .pool-hero .pool-hero__grid,
  html body.outdoor-planner-page .q-terrace-hero,
  html body.q-infra-page .q-infra-hero__stage,
  html body.q-mower-page .q-mower-hero__stage,
  html body.outdoor-hub-page .category-hero__grid,
  html body.guide-hub .rg-list-hero,
  html body.guide-page .qg-hero-grid,
  html body.ratgeber-page .qh-hero,
  html body.kategorien-page .categories-hero__grid,
  html body.garden-hub-page .garden-hub-hero__grid {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    background: #fff !important;
  }

  html body.qsys-page .qsys-hero-card::after,
  html body.garden-master-page .garden-master-hero__grid::after,
  html body .hero-section .hero-grid:has(.q-lawn-v3-hero-visual)::after,
  html body.beet-planner-page .beet-hero__grid::after,
  html body .pool-hero .pool-hero__grid::after,
  html body.q-infra-page .q-infra-hero__stage::after,
  html body.outdoor-hub-page .category-hero__grid::after,
  html body.guide-hub .rg-list-hero::after,
  html body.guide-page .qg-hero-grid::after,
  html body.ratgeber-page .qh-hero::after,
  html body.kategorien-page .categories-hero__grid::after,
  html body.garden-hub-page .garden-hub-hero__grid::after,
  html body.home-page .hero-section .hero-grid::after,
  html body.outdoor-planner-page .q-terrace-hero__media::after {
    display: none !important;
    content: none !important;
  }

  /* Startseite: Bild oben. Unterseiten: Bild unter dem Text. */
  html body.home-page .hero-section .hero-photo {
    position: relative !important;
    inset: auto !important;
    order: 1 !important;
    z-index: 0 !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: var(--qhero-mobile-image) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background-position: center center !important;
    background-size: cover !important;
  }
  html body.qsys-page .qsys-hero-visual,
  html body.garden-master-page .garden-master-hero__visual,
  html body .hero-section .hero-grid :is(.q-lawn-v3-hero-visual,.hero-photo,.hero-visual),
  html body.beet-planner-page .beet-hero__visual,
  html body .pool-hero .pool-hero__media,
  html body.outdoor-planner-page .q-terrace-hero__media,
  html body.q-infra-page .q-infra-hero__media,
  html body.q-mower-page .q-mower-hero__media,
  html body.outdoor-hub-page .category-hero__image,
  html body.guide-hub .rg-list-hero-media,
  html body.guide-page .qg-hero-media,
  html body.ratgeber-page .qh-hero-media,
  html body.kategorien-page .categories-hero__image,
  html body.garden-hub-page .garden-hub-hero__image {
    position: relative !important;
    inset: auto !important;
    order: 2 !important;
    z-index: 0 !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: var(--qhero-mobile-image) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  html body.garden-master-page .garden-master-hero__visual img,
  html body .hero-section .hero-grid :is(.q-lawn-v3-hero-visual,.hero-photo,.hero-visual) img,
  html body .pool-hero .pool-hero__media img,
  html body.outdoor-planner-page .q-terrace-hero__media img,
  html body.q-infra-page .q-infra-hero__media img,
  html body.q-mower-page .q-mower-hero__media img,
  html body.beet-planner-page .beet-hero__visual img,
  html body.outdoor-hub-page .category-hero__image img,
  html body.guide-hub .rg-list-hero-media img,
  html body.guide-page .qg-hero-img,
  html body.ratgeber-page .qh-hero-media img,
  html body.kategorien-page .categories-hero__image img,
  html body.garden-hub-page .garden-hub-hero__image img,
  html body.home-page .hero-section .hero-photo picture,
  html body.home-page .hero-section .hero-photo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* Startseite: Text unter dem Bild. Unterseiten: Text zuerst, hell. */
  html body.home-page .hero-section .hero-copy {
    position: relative !important;
    inset: auto !important;
    order: 2 !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 22px 20px 24px !important;
    background: linear-gradient(180deg, var(--qhero-mobile-bg) 0%, var(--qhero-mobile-bg-alt) 100%) !important;
  }
  html body.qsys-page .qsys-hero-copy,
  html body.garden-master-page .garden-master-hero__copy,
  html body .hero-section .hero-grid .questionnaire-intro,
  html body.beet-planner-page .beet-hero__copy,
  html body .pool-hero .pool-hero__grid > div:first-child,
  html body.outdoor-planner-page .q-terrace-hero__content,
  html body.q-infra-page .q-infra-hero__copy,
  html body.q-mower-page .q-mower-hero__copy,
  html body.outdoor-hub-page .category-hero__grid > div:first-child,
  html body.guide-hub .rg-list-hero-copy,
  html body.guide-page .qg-hero-copy,
  html body.ratgeber-page .qh-hero-copy,
  html body.kategorien-page .categories-hero__grid > div:first-child,
  html body.garden-hub-page .garden-hub-hero__grid > div:first-child {
    position: relative !important;
    inset: auto !important;
    order: 1 !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 2px 4px !important;
    background: transparent !important;
    color: inherit !important;
  }

  /* Startseite: den riesigen Handy-Header aus dem Screenshot gezielt entschärfen. */
  html body.home-page .hero-section {
    padding-top: 12px !important;
    padding-bottom: 18px !important;
  }
  html body.home-page .hero-section .hero-grid {
    gap: 0 !important;
  }
  html body.home-page .hero-section .hero-copy h1 {
    margin: 0 0 .7rem !important;
    font-size: clamp(1.8rem, 7vw, 2.2rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
  }
  html body.home-page .hero-section .hero-copy > p:not(.eyebrow) {
    margin: 0 0 .85rem !important;
    font-size: .92rem !important;
    line-height: 1.5 !important;
  }
  html body.home-page .hero-section .hero-copy .eyebrow {
    margin: 0 0 .55rem !important;
    font-size: .72rem !important;
    line-height: 1.25 !important;
    letter-spacing: .08em !important;
  }
  html body.home-page .hero-section .trust-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: .15rem !important;
  }
  html body.home-page .hero-section .trust-pill {
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: .42rem .62rem !important;
    border-radius: 999px !important;
    font-size: .75rem !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  /* Einheitlich kompaktere Typografie in allen mobilen Hero-Bereichen. */
  html body.qsys-page .qsys-hero h1,
  html body.garden-master-page .garden-master-hero__copy h1,
  html body .hero-section .hero-grid:has(.q-lawn-v3-hero-visual) .questionnaire-intro h1,
  html body.beet-planner-page .beet-hero__copy h1,
  html body .pool-hero .pool-hero__grid h1,
  html body.outdoor-planner-page .q-terrace-hero__content h1,
  html body.q-infra-page .q-infra-hero__copy h1,
  html body.outdoor-hub-page .category-hero__grid h1,
  html body.guide-hub .rg-list-hero-copy h1,
  html body.guide-page .qg-hero-copy h1,
  html body.ratgeber-page .qh-hero-copy h1,
  html body.kategorien-page .categories-hero__grid h1,
  html body.garden-hub-page .garden-hub-hero__grid h1 {
    font-size: clamp(1.8rem, 7vw, 2.2rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
  }

  html body.qsys-page .qsys-hero-copy > p,
  html body.garden-master-page .garden-master-hero__copy > p,
  html body .hero-section .hero-grid:has(.q-lawn-v3-hero-visual) .questionnaire-intro > p:not(.eyebrow),
  html body.beet-planner-page .beet-hero__copy > p,
  html body .pool-hero .pool-hero__grid .lead,
  html body.outdoor-planner-page .q-terrace-hero__lead,
  html body.q-infra-page .q-infra-hero__copy > p,
  html body.outdoor-hub-page .category-hero__grid > div:first-child > p,
  html body.guide-hub .rg-list-hero-copy > p,
  html body.guide-page .qg-hero-copy > p,
  html body.ratgeber-page .qh-hero-copy > p,
  html body.kategorien-page .categories-hero__lead,
  html body.garden-hub-page .garden-hub-hero__lead {
    font-size: .92rem !important;
    line-height: 1.5 !important;
  }

  /* Punkte/Badges nicht mehr als lange Einspalten-Liste. */
  html body.garden-master-page .garden-master-hero__points,
  html body.beet-planner-page .beet-hero__points,
  html body.outdoor-planner-page .q-terrace-hero__points {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body.qsys-page .qsys-pills,
  html body .hero-section .trust-row,
  html body.garden-hub-page .garden-hub-hero__trust {
    gap: 7px !important;
  }

  /* Hero-Bereiche ohne separates Media-Element bleiben als Bildkarte,
     werden aber deutlich kompakter und zeigen oben mehr vom Motiv. */
  html body.ratgeber-article .hero,
  html body.outdoor-planner-page main.questionnaire-shell > .questionnaire-intro:has(a[href="balkon.html"]),
  html body.q-garden-project-page .q-dashboard-hero__grid,
  html body.q-project-planner-page .q-planner-head {
    min-height: 0 !important;
    height: auto !important;
    background-position: center top !important;
  }

  html body.ratgeber-article .hero-overlay {
    background: linear-gradient(180deg, rgba(7,28,18,.08) 0%, rgba(7,28,18,.28) 34%, rgba(7,28,18,.88) 72%, rgba(7,28,18,.96) 100%) !important;
  }
  html body.ratgeber-article .hero-content {
    min-height: 360px !important;
    justify-content: flex-end !important;
    padding: 118px 20px 22px !important;
  }
  html body.outdoor-planner-page main.questionnaire-shell > .questionnaire-intro:has(a[href="balkon.html"]),
  html body.q-project-planner-page .q-planner-head {
    min-height: 360px !important;
    justify-content: flex-end !important;
    padding: 118px 20px 22px !important;
  }
  html body.q-garden-project-page .q-dashboard-hero__grid {
    grid-template-columns: 1fr !important;
    background-image: linear-gradient(180deg, rgba(7,28,18,.06) 0%, rgba(7,28,18,.30) 34%, rgba(7,28,18,.88) 72%, rgba(7,28,18,.96) 100%), url('kategorie-garten-aussenbereich-header.webp') !important;
  }
  html body.q-garden-project-page .q-dashboard-hero__main {
    min-height: 330px !important;
    justify-content: flex-end !important;
    padding: 112px 20px 20px !important;
  }
  html body.q-garden-project-page .q-dashboard-hero__side {
    margin: 0 14px 14px !important;
  }
}

@media (max-width: 520px) {
  :root {
    --qhero-mobile-image: clamp(170px, 49vw, 210px);
  }

  html body.home-page .hero-section .hero-copy {
    padding: 18px 16px 20px !important;
  }

  html body.home-page .hero-section .hero-copy h1,
  html body.qsys-page .qsys-hero h1,
  html body.garden-master-page .garden-master-hero__copy h1,
  html body .hero-section .hero-grid:has(.q-lawn-v3-hero-visual) .questionnaire-intro h1,
  html body.beet-planner-page .beet-hero__copy h1,
  html body .pool-hero .pool-hero__grid h1,
  html body.outdoor-planner-page .q-terrace-hero__content h1,
  html body.q-infra-page .q-infra-hero__copy h1,
  html body.outdoor-hub-page .category-hero__grid h1,
  html body.guide-hub .rg-list-hero-copy h1,
  html body.guide-page .qg-hero-copy h1,
  html body.ratgeber-page .qh-hero-copy h1,
  html body.kategorien-page .categories-hero__grid h1,
  html body.garden-hub-page .garden-hub-hero__grid h1,
  html body.ratgeber-article .hero-content h1,
  html body.q-garden-project-page .q-dashboard-hero__main h1,
  html body.q-project-planner-page .q-planner-head h1 {
    font-size: clamp(1.6rem, 7.5vw, 1.95rem) !important;
    line-height: 1.08 !important;
  }

  html body.home-page .hero-section .hero-copy > p:not(.eyebrow),
  html body.qsys-page .qsys-hero-copy > p,
  html body.garden-master-page .garden-master-hero__copy > p,
  html body .hero-section .hero-grid:has(.q-lawn-v3-hero-visual) .questionnaire-intro > p:not(.eyebrow),
  html body.beet-planner-page .beet-hero__copy > p,
  html body .pool-hero .pool-hero__grid .lead,
  html body.outdoor-planner-page .q-terrace-hero__lead,
  html body.q-infra-page .q-infra-hero__copy > p,
  html body.guide-hub .rg-list-hero-copy > p,
  html body.guide-page .qg-hero-copy > p,
  html body.ratgeber-page .qh-hero-copy > p {
    font-size: .88rem !important;
    line-height: 1.46 !important;
  }

  html body.home-page .hero-section .trust-pill,
  html body.qsys-page .qsys-pill {
    padding: .38rem .55rem !important;
    font-size: .71rem !important;
  }

  html body.ratgeber-article .hero-content,
  html body.outdoor-planner-page main.questionnaire-shell > .questionnaire-intro:has(a[href="balkon.html"]),
  html body.q-project-planner-page .q-planner-head {
    min-height: 330px !important;
    padding: 104px 16px 18px !important;
  }

  html body.q-garden-project-page .q-dashboard-hero__main {
    min-height: 300px !important;
    padding: 96px 16px 18px !important;
  }

  html body.garden-master-page .garden-master-hero__points,
  html body.beet-planner-page .beet-hero__points,
  html body.outdoor-planner-page .q-terrace-hero__points {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
}
/* qhome-full-image-v1 */
@media (max-width: 820px) {
  html body.home-page .hero-section .hero-photo.hero-photo--home {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: #dce9ee !important;
  }
  html body.home-page .hero-section .hero-photo.hero-photo--home picture {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }
  html body.home-page .hero-section .hero-photo.hero-photo--home img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

/* ===== source: assets/ratgeber-card-fixes.css ===== */
/* QUAMARO Ratgeber-Karten: saubere Einzelmotive + kompaktere Smartphone-Listen – 2026-09-07 */

/*
   Die alten Balkon-/Terrassen-Hero-Dateien enthalten teils zusammengesetzte Übergangsmotive.
   Für Übersichten verwenden wir deshalb vorhandene, saubere Einzelmotive aus den neueren Ratgebern.
*/

/* Bereichs-Hero: jeweils ein ruhiges, zusammenhängendes Foto statt Collage. */
body.outdoor-guide-page .pool-hero__media img[alt^="Terrasse"]{
  content:url('/assets/guide-terrassenmoebel-richtig-auswaehlen-material-groesse-komfort-card.webp')!important;
}
body.outdoor-guide-page .pool-hero__media img[alt^="Balkon"]{
  content:url('/assets/guide-mediterranen-balkon-gestalten-farben-pflanzen-materialien-card.webp')!important;
}

/* Terrasse: ältere Übersichtskarten auf saubere Einzelmotive umstellen. */
body.outdoor-guide-page .pool-guide-card[href="terrasse-gestalten.html"] > img{
  content:url('/assets/guide-grosse-terrasse-zonieren-essen-lounge-grill-pflanzen-card.webp')!important;
}
body.outdoor-guide-page .pool-guide-card[href="kleine-terrasse-gestalten.html"] > img{
  content:url('/assets/guide-essbereich-auf-der-terrasse-fuer-4-bis-6-personen-planen-card.webp')!important;
}
body.outdoor-guide-page .pool-guide-card[href="schmale-terrasse-gestalten.html"] > img{
  content:url('/assets/guide-pflegeleichte-terrasse-gestalten-wenig-aufwand-dauerhaft-ordentlich-card.webp')!important;
}
body.outdoor-guide-page .pool-guide-card[href="terrasse-sichtschutz.html"] > img{
  content:url('/assets/guide-sonnenschutz-terrasse-markise-sonnensegel-pergola-card.webp')!important;
}
body.outdoor-guide-page .pool-guide-card[href="terrasse-gemuetlich-gestalten.html"] > img{
  content:url('/assets/guide-terrassenmoebel-richtig-auswaehlen-material-groesse-komfort-card.webp')!important;
}
body.outdoor-guide-page .pool-guide-card[href="terrasse-guenstig-gestalten.html"] > img{
  content:url('/assets/guide-terrasse-winterfest-machen-moebel-pflanzen-belaege-schuetzen-card.webp')!important;
}

/* Balkon: ältere Übersichtskarten auf saubere Einzelmotive umstellen. */
body.outdoor-guide-page .pool-guide-card[href="kleinen-balkon-gestalten.html"] > img{
  content:url('/assets/guide-balkonmoebel-fuer-kleine-balkone-richtig-auswaehlen-card.webp')!important;
}
body.outdoor-guide-page .pool-guide-card[href="schmalen-balkon-gestalten.html"] > img{
  content:url('/assets/guide-balkonboden-ohne-bohren-klickfliesen-matten-teppiche-card.webp')!important;
}
body.outdoor-guide-page .pool-guide-card[href="balkon-sichtschutz.html"] > img{
  content:url('/assets/guide-balkonpflanzen-fuer-schatten-und-halbschatten-card.webp')!important;
}
body.outdoor-guide-page .pool-guide-card[href="balkon-gemuetlich-gestalten.html"] > img{
  content:url('/assets/guide-balkonbeleuchtung-gemuetlich-und-praktisch-planen-card.webp')!important;
}
body.outdoor-guide-page .pool-guide-card[href="balkon-guenstig-gestalten.html"] > img{
  content:url('/assets/guide-kraeutergarten-auf-dem-balkon-anlegen-card.webp')!important;
}

/* Zentrale Ratgeberübersicht: Balkon und Terrasse ebenfalls mit ruhigen Einzelmotiven. */
body.ratgeber-page .qh-overview-card[href="ratgeber-balkon.html"] img{
  content:url('/assets/guide-mediterranen-balkon-gestalten-farben-pflanzen-materialien-card.webp')!important;
}
body.ratgeber-page .qh-overview-card[href="ratgeber-terrasse.html"] img{
  content:url('/assets/guide-terrassenmoebel-richtig-auswaehlen-material-groesse-komfort-card.webp')!important;
}

/* „Neu diese Woche“: auffällige/fast leere Motive vermeiden. */
body.ratgeber-page .qh-card[href="rasen-aerifizieren.html"] > img{
  content:url('/assets/rasenpflege-ratgeber-hero-v2-q768w.webp')!important;
}
body.ratgeber-page .qh-card[href="maehroboter-einwintern.html"] > img{
  content:url('/assets/maehroboter-richtig-einrichten-hero-v2.webp')!important;
}

@media(max-width:820px){
  /* Breadcrumb auf dem dunkelgrünen Hero wieder klar lesbar. */
  html body.outdoor-guide-page .pool-hero .q-breadcrumb,
  html body.outdoor-guide-page .pool-hero .q-breadcrumb span,
  html body.outdoor-guide-page .pool-hero .q-breadcrumb a{
    color:rgba(255,255,255,.76)!important;
    text-shadow:none!important;
  }
  html body.outdoor-guide-page .pool-hero .q-breadcrumb a{
    color:#fff!important;
  }
}

@media(max-width:700px){
  /* Balkon/Terrasse: nicht 15–16 riesige Vollbreiten-Karten untereinander. */
  body.outdoor-guide-page .pool-section{padding-top:1rem!important}
  body.outdoor-guide-page .pool-guide-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.72rem!important;
  }
  body.outdoor-guide-page .pool-guide-card{
    min-width:0!important;
    border-radius:18px!important;
  }
  body.outdoor-guide-page .pool-guide-card > img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  body.outdoor-guide-page .pool-guide-card__body{
    min-height:150px!important;
    padding:.72rem .68rem .76rem!important;
    gap:.36rem!important;
  }
  body.outdoor-guide-page .pool-guide-card__meta{
    font-size:.61rem!important;
    line-height:1.2!important;
    letter-spacing:.045em!important;
    hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  body.outdoor-guide-page .pool-guide-card h3{
    font-size:.9rem!important;
    line-height:1.24!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    hyphens:none!important;
  }
  body.outdoor-guide-page .pool-guide-card p{display:none!important}
  body.outdoor-guide-page .pool-guide-card span{
    margin-top:auto!important;
    font-size:.72rem!important;
    line-height:1.2!important;
  }

  /* Hero-Badges der Balkon-/Terrassen-Ratgeber etwas platzsparender. */
  body.outdoor-guide-page .pool-pill-row{gap:6px!important;margin-top:.7rem!important}
  body.outdoor-guide-page .pool-pill{
    padding:.38rem .58rem!important;
    font-size:.72rem!important;
    line-height:1.2!important;
  }

  /* Zentrale Ratgeberseite: die neuen Karten sollen einheitlich gefüllt sein. */
  body.ratgeber-page .qh-featured{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.7rem!important;
  }
  body.ratgeber-page .qh-card > img{
    height:auto!important;
    aspect-ratio:4/3!important;
    object-fit:cover!important;
  }
  body.ratgeber-page .qh-card-body{padding:.7rem!important}
  body.ratgeber-page .qh-card-body p{display:none!important}
  body.ratgeber-page .qh-card h3{font-size:.92rem!important;line-height:1.22!important}
  body.ratgeber-page .qh-card .qh-meta{font-size:.61rem!important;line-height:1.2!important}
  body.ratgeber-page .qh-card .qh-more{font-size:.7rem!important}
}

@media(max-width:380px){
  body.outdoor-guide-page .pool-guide-grid{gap:.58rem!important}
  body.outdoor-guide-page .pool-guide-card__body{
    min-height:142px!important;
    padding:.64rem .58rem .68rem!important;
  }
  body.outdoor-guide-page .pool-guide-card h3{font-size:.84rem!important}
  body.outdoor-guide-page .pool-guide-card__meta{font-size:.57rem!important}
  body.outdoor-guide-page .pool-guide-card span{font-size:.68rem!important}
}

/* ===== source: assets/garten-planen-mobile-fix.css ===== */
/* QUAMARO – Gesamtgarten mobile compact override, 2026-09-08 */
@media (max-width:760px){
  body.garden-master-page{
    padding-bottom:calc(68px + env(safe-area-inset-bottom));
  }

  body.garden-master-page .garden-master-shell,
  body.garden-master-page .questionnaire-shell,
  body.garden-master-page .category-page-shell{
    width:calc(100% - .75rem)!important;
  }

  /* Breadcrumb: eine Zeile statt zusätzlicher mobiler Höhe */
  body.garden-master-page .garden-master-hero .category-breadcrumb{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:.32rem!important;
    overflow-x:auto!important;
    padding:.35rem .05rem!important;
    margin:0!important;
    white-space:nowrap!important;
    font-size:.74rem!important;
    scrollbar-width:none;
  }
  body.garden-master-page .garden-master-hero .category-breadcrumb::-webkit-scrollbar{display:none}
  body.garden-master-page .garden-master-hero .category-breadcrumb>span:nth-last-child(-n+2){display:none!important}

  /* Hero-Layout kommt aus garden-hero-mobile.css / v4. */
  body.garden-master-page .garden-master-hero{
    padding:.25rem 0 .35rem!important;
  }
  body.garden-master-page .garden-master-hero__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.35rem!important;
    margin-top:.55rem!important;
  }
  body.garden-master-page .garden-master-hero__actions .button{
    width:100%!important;
    min-height:39px!important;
    padding:.52rem .65rem!important;
    border-radius:9px!important;
    font-size:.76rem!important;
  }

  /* Allgemeine Abstände */
  body.garden-master-page .garden-master-section{
    padding:.42rem 0 .68rem!important;
  }
  body.garden-master-page .garden-master-heading{
    margin-bottom:.48rem!important;
  }
  body.garden-master-page .garden-master-heading .eyebrow{
    margin:0 0 .16rem!important;
    font-size:.7rem!important;
  }
  body.garden-master-page .garden-master-heading h2{
    margin:.08rem 0 .22rem!important;
    font-size:1.34rem!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    hyphens:none!important;
  }
  body.garden-master-page .garden-master-heading>p:not(.eyebrow){
    display:-webkit-box!important;
    margin:.18rem 0 0!important;
    overflow:hidden!important;
    font-size:.82rem!important;
    line-height:1.36!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  /* Nutzenkarten */
  body.garden-master-page .garden-master-feature-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.38rem!important;
  }
  body.garden-master-page .garden-master-feature{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:.55rem!important;
    row-gap:.06rem!important;
    align-items:start!important;
    min-height:0!important;
    padding:.54rem .6rem!important;
    border-radius:13px!important;
  }
  body.garden-master-page .garden-master-feature .icon{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    margin:0!important;
    border-radius:10px!important;
    font-size:.95rem!important;
  }
  body.garden-master-page .garden-master-feature h3{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    font-size:.91rem!important;
    line-height:1.16!important;
  }
  body.garden-master-page .garden-master-feature p{
    grid-column:2!important;
    grid-row:2!important;
    display:-webkit-box!important;
    margin:.08rem 0 0!important;
    overflow:hidden!important;
    font-size:.75rem!important;
    line-height:1.27!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    hyphens:none!important;
  }

  /* Formular und gespeicherter Zustand */
  body.garden-master-page .garden-master-form-card,
  body.garden-master-page .garden-master-side-card,
  body.garden-master-page .garden-master-result-card{
    padding:.7rem!important;
    border-radius:15px!important;
  }
  body.garden-master-page .garden-master-form-grid{gap:.62rem!important}
  body.garden-master-page .garden-master-form-grid label{font-size:.79rem!important}
  body.garden-master-page .garden-master-form-grid input,
  body.garden-master-page .garden-master-form-grid select{
    min-height:40px!important;
    padding:.55rem .65rem!important;
    font-size:.84rem!important;
  }
  body.garden-master-page .garden-master-form-grid textarea{
    min-height:70px!important;
    padding:.55rem .65rem!important;
    font-size:.84rem!important;
  }
  body.garden-master-page .field-note{
    margin:.18rem 0 0!important;
    font-size:.7rem!important;
    line-height:1.3!important;
  }
  body.garden-master-page .garden-master-pills{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.38rem!important;
  }
  body.garden-master-page .garden-master-pills>label{
    min-height:40px!important;
    padding:.48rem .55rem!important;
    font-size:.75rem!important;
  }

  body.garden-master-page .qv2-saved-toolbar{
    padding:.65rem!important;
    gap:.5rem!important;
    border-radius:14px!important;
  }
  body.garden-master-page .qv2-saved-toolbar__copy strong{font-size:.92rem!important}
  body.garden-master-page .qv2-saved-toolbar__copy span{font-size:.75rem!important;line-height:1.3!important}
  body.garden-master-page .qv2-saved-toolbar__actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.38rem!important;
  }
  body.garden-master-page .qv2-saved-toolbar__actions .button{
    width:100%!important;
    min-height:39px!important;
    padding:.45rem .5rem!important;
    font-size:.72rem!important;
  }

  /* Ergebnis-Kopf: KPIs nebeneinander statt lang untereinander */
  body.garden-master-page .qv2-result-dashboard{
    gap:.52rem!important;
    margin-top:.55rem!important;
  }
  body.garden-master-page .qv2-result-hero{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.45rem!important;
    padding:.65rem!important;
    border-radius:14px!important;
  }
  body.garden-master-page .qv2-result-title{grid-column:1/-1!important}
  body.garden-master-page .qv2-result-title p{
    margin:0 0 .18rem!important;
    font-size:.66rem!important;
  }
  body.garden-master-page .qv2-result-title h2{
    margin:0 0 .35rem!important;
    font-size:1.32rem!important;
    line-height:1.06!important;
  }
  body.garden-master-page .qv2-result-tags{gap:.28rem!important}
  body.garden-master-page .qv2-result-tag{
    padding:.28rem .42rem!important;
    font-size:.66rem!important;
  }
  body.garden-master-page .qv2-kpi{
    min-width:0!important;
    gap:.45rem!important;
    padding:.55rem .58rem!important;
    border-radius:11px!important;
  }
  body.garden-master-page .qv2-kpi__icon{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:9px!important;
    font-size:.88rem!important;
  }
  body.garden-master-page .qv2-kpi span{font-size:.64rem!important}
  body.garden-master-page .qv2-kpi strong{font-size:1rem!important}

  /* Dashboard-Karten */
  body.garden-master-page .qv2-dashboard-grid{gap:.52rem!important}
  body.garden-master-page .qv2-panel{
    padding:.62rem!important;
    border-radius:13px!important;
  }
  body.garden-master-page .qv2-panel h3{
    margin:0 0 .48rem!important;
    font-size:.91rem!important;
  }

  /* Flächenverteilung: Legende + kleiner Donut nebeneinander */
  body.garden-master-page .qv2-area-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 94px!important;
    gap:.4rem!important;
    align-items:center!important;
  }
  body.garden-master-page .qv2-area-list{gap:.24rem!important}
  body.garden-master-page .qv2-area-row{
    grid-template-columns:7px minmax(0,1fr) auto auto!important;
    gap:.24rem!important;
    font-size:.66rem!important;
  }
  body.garden-master-page .qv2-area-dot{
    width:7px!important;
    height:7px!important;
    border-radius:2px!important;
  }
  body.garden-master-page .qv2-area-row strong{font-size:.66rem!important}
  body.garden-master-page .qv2-area-row em{
    min-width:27px!important;
    font-size:.62rem!important;
  }
  body.garden-master-page .qv2-donut{
    width:94px!important;
    justify-self:center!important;
  }
  body.garden-master-page .qv2-donut__text strong{font-size:.88rem!important}
  body.garden-master-page .qv2-donut__text span{font-size:.58rem!important}
  body.garden-master-page .qv2-area-footer{
    gap:.4rem!important;
    margin-top:.48rem!important;
    padding-top:.45rem!important;
    font-size:.64rem!important;
  }

  /* Master-Grundriss */
  body.garden-master-page .qv2-plan-visual{
    min-height:0!important;
    padding:0!important;
    aspect-ratio:600/390!important;
  }
  body.garden-master-page .qv2-plan-visual svg,
  body.garden-master-page .qv2-master-layout,
  body.garden-master-page .qv2-master-layout svg{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
  }
  body.garden-master-page .qv2-plan-caption{
    display:-webkit-box!important;
    margin-top:.42rem!important;
    overflow:hidden!important;
    font-size:.67rem!important;
    line-height:1.3!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  /* Reihenfolge zweispaltig und ohne lange Erklärungen */
  body.garden-master-page .qv2-order{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.38rem!important;
  }
  body.garden-master-page .qv2-order li{
    grid-template-columns:20px minmax(0,1fr)!important;
    gap:.36rem!important;
  }
  body.garden-master-page .qv2-order__num{
    width:20px!important;
    height:20px!important;
    font-size:.58rem!important;
  }
  body.garden-master-page .qv2-order strong{
    margin:0!important;
    font-size:.69rem!important;
    line-height:1.2!important;
  }
  body.garden-master-page .qv2-order small{display:none!important}

  /* Beispielvisualisierung: keine leere Fläche mehr unter dem Bild */
  body.garden-master-page .qv2-example-visual{
    border-radius:13px!important;
  }
  body.garden-master-page .qv2-example-visual__head{
    padding:.62rem .68rem .5rem!important;
  }
  body.garden-master-page .qv2-example-visual__head p{
    margin:0 0 .12rem!important;
    font-size:.64rem!important;
  }
  body.garden-master-page .qv2-example-visual__head h3{
    margin:0 0 .2rem!important;
    font-size:.92rem!important;
    line-height:1.18!important;
  }
  body.garden-master-page .qv2-example-visual__head span{
    display:-webkit-box!important;
    overflow:hidden!important;
    font-size:.69rem!important;
    line-height:1.28!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  body.garden-master-page .qv2-example-visual__image{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  body.garden-master-page .qv2-example-visual__image img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/8.2!important;
    object-fit:cover!important;
  }
  body.garden-master-page .qv2-example-visual__loading{
    min-height:150px!important;
    padding:1rem!important;
    font-size:.72rem!important;
  }
  body.garden-master-page .qv2-example-visual__foot{
    padding:.42rem .62rem!important;
    font-size:.64rem!important;
    line-height:1.28!important;
  }

  /* Eine Empfehlung = kompakte Zusammenfassung; Details bleiben per Button erreichbar */
  body.garden-master-page .qv2-single-plan{
    padding:.72rem!important;
    border-radius:13px!important;
  }
  body.garden-master-page .qv2-single-plan__grid{
    grid-template-columns:1fr!important;
    gap:.58rem!important;
    padding-top:.7rem!important;
  }
  body.garden-master-page .qv2-single-plan h3{
    margin:0 0 .3rem!important;
    font-size:1.04rem!important;
    line-height:1.15!important;
  }
  body.garden-master-page .qv2-single-plan__intro{
    display:-webkit-box!important;
    margin:0 0 .5rem!important;
    overflow:hidden!important;
    font-size:.75rem!important;
    line-height:1.32!important;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
  }
  body.garden-master-page .qv2-single-plan__points{
    grid-template-columns:1fr!important;
    gap:.3rem!important;
  }
  body.garden-master-page .qv2-single-plan__points li{
    padding-left:16px!important;
    font-size:.71rem!important;
    line-height:1.28!important;
  }
  body.garden-master-page .qv2-single-plan__points li:nth-child(n+4){display:none!important}
  body.garden-master-page .qv2-single-plan__actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.38rem!important;
    margin-top:.62rem!important;
  }
  body.garden-master-page .qv2-single-plan__actions .qv2-variant__button{
    width:100%!important;
    min-height:40px!important;
    padding:.45rem .5rem!important;
    font-size:.69rem!important;
    line-height:1.2!important;
  }
  body.garden-master-page .qv2-auto-saved{
    margin-top:.5rem!important;
    font-size:.66rem!important;
    line-height:1.3!important;
  }
  body.garden-master-page .qv2-single-plan__budget{
    padding:.58rem!important;
    border-radius:11px!important;
  }
  body.garden-master-page .qv2-single-plan__budget span{font-size:.64rem!important}
  body.garden-master-page .qv2-single-plan__budget strong{
    margin:.18rem 0 .28rem!important;
    font-size:1.2rem!important;
  }
  body.garden-master-page .qv2-single-plan__budget small{
    font-size:.66rem!important;
    line-height:1.28!important;
  }

  /* Beispiel- und Weiterkarten als horizontale Auswahl */
  body.garden-master-page .garden-master-example-grid,
  body.garden-master-page .garden-master-next-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:.5rem!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding:0 .03rem .3rem!important;
    scrollbar-width:none;
  }
  body.garden-master-page .garden-master-example-grid::-webkit-scrollbar,
  body.garden-master-page .garden-master-next-grid::-webkit-scrollbar{display:none}
  body.garden-master-page .garden-master-example,
  body.garden-master-page .garden-master-next{
    flex:0 0 min(76vw,285px)!important;
    min-width:0!important;
    scroll-snap-align:start;
    border-radius:14px!important;
  }
  body.garden-master-page .garden-master-example__body,
  body.garden-master-page .garden-master-next{
    padding:.65rem!important;
  }

  /* Garten-Navigator klein und aus dem Inhalt heraus */
  body.garden-master-page .qgn-launcher{
    position:fixed!important;
    right:9px!important;
    bottom:calc(9px + env(safe-area-inset-bottom))!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    gap:0!important;
    overflow:visible!important;
    font-size:18px!important;
  }
  body.garden-master-page .qgn-launcher>span:nth-child(2){display:none!important}
  body.garden-master-page .qgn-launcher__badge{
    position:absolute!important;
    top:-5px!important;
    right:-5px!important;
    min-width:22px!important;
    height:18px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    font-size:8px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.15)!important;
  }
  body.garden-master-page .qgn-panel{
    right:6px!important;
    left:6px!important;
    bottom:calc(64px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-height:calc(100dvh - 82px - env(safe-area-inset-bottom))!important;
  }
}

@media (max-width:420px){
  body.garden-master-page .garden-master-hero__copy h1{font-size:1.5rem!important}
  body.garden-master-page .garden-master-heading h2{font-size:1.26rem!important}
  body.garden-master-page .garden-master-feature p{font-size:.73rem!important}
  body.garden-master-page .qv2-area-layout{grid-template-columns:minmax(0,1fr) 86px!important}
  body.garden-master-page .qv2-donut{width:86px!important}
}

@media (max-width:370px){
  body.garden-master-page .qv2-area-row{
    grid-template-columns:7px minmax(0,1fr) auto!important;
  }
  body.garden-master-page .qv2-area-row em{display:none!important}
  body.garden-master-page .qv2-area-layout{grid-template-columns:minmax(0,1fr) 80px!important}
  body.garden-master-page .qv2-donut{width:80px!important}
  body.garden-master-page .qv2-single-plan__actions{grid-template-columns:1fr!important}
}

/* ===== source: assets/garten-planen-mobile-dense.css ===== */
/* QUAMARO – extra kompakte Handyansicht für Gesamtgarten, 2026-09-08 */
@media (max-width:760px){
  body.garden-master-page .garden-master-section{
    padding:.28rem 0 .5rem!important;
  }

  body.garden-master-page .garden-master-heading{
    margin-bottom:.34rem!important;
  }
  body.garden-master-page .garden-master-heading .eyebrow{
    margin-bottom:.1rem!important;
    font-size:.66rem!important;
  }
  body.garden-master-page .garden-master-heading h2{
    margin:.04rem 0 .12rem!important;
    font-size:1.18rem!important;
    line-height:1.05!important;
  }
  body.garden-master-page .garden-master-heading>p:not(.eyebrow){
    -webkit-line-clamp:1!important;
    margin:.12rem 0 0!important;
    font-size:.76rem!important;
    line-height:1.25!important;
  }

  /* Die sechs Überblickskarten auf dem Handy in 2 Spalten statt 6 langen Zeilen. */
  body.garden-master-page .garden-master-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.34rem!important;
  }
  body.garden-master-page .garden-master-feature{
    grid-template-columns:30px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:.42rem!important;
    row-gap:.04rem!important;
    align-content:start!important;
    min-height:78px!important;
    padding:.46rem .46rem!important;
    border-radius:11px!important;
  }
  body.garden-master-page .garden-master-feature .icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:8px!important;
    font-size:.82rem!important;
  }
  body.garden-master-page .garden-master-feature h3{
    font-size:.79rem!important;
    line-height:1.12!important;
    letter-spacing:-.01em!important;
  }
  body.garden-master-page .garden-master-feature p{
    margin:.05rem 0 0!important;
    font-size:.64rem!important;
    line-height:1.2!important;
    -webkit-line-clamp:2!important;
  }

  /* Gespeicherter Gesamtgarten ebenfalls flacher. */
  body.garden-master-page .qv2-saved-toolbar{
    padding:.52rem!important;
    gap:.34rem!important;
    border-radius:12px!important;
  }
  body.garden-master-page .qv2-saved-toolbar__copy strong{
    font-size:.84rem!important;
    line-height:1.15!important;
  }
  body.garden-master-page .qv2-saved-toolbar__copy span{
    display:-webkit-box!important;
    overflow:hidden!important;
    font-size:.68rem!important;
    line-height:1.22!important;
    -webkit-line-clamp:1!important;
    -webkit-box-orient:vertical!important;
  }
  body.garden-master-page .qv2-saved-toolbar__actions .button{
    min-height:36px!important;
    padding:.38rem .44rem!important;
    font-size:.68rem!important;
  }
}

@media (max-width:370px){
  body.garden-master-page .garden-master-feature{
    min-height:74px!important;
    grid-template-columns:27px minmax(0,1fr)!important;
    padding:.4rem!important;
  }
  body.garden-master-page .garden-master-feature .icon{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    font-size:.76rem!important;
  }
  body.garden-master-page .garden-master-feature h3{font-size:.74rem!important}
  body.garden-master-page .garden-master-feature p{font-size:.61rem!important}
}

/* ===== source: assets/berater-mobile-unified.css ===== */
/* QUAMARO – einheitliche mobile Berater-UI, 2026-09-08
   Gilt ausschließlich auf schmalen Displays. Gesamtgarten bleibt die visuelle Referenz. */
@media (max-width:760px){
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page),
  body.qsys-page{
    --qb-green:var(--q-theme-accent,#0a8c99);
    --qb-green-dark:var(--q-theme-accent-dark,#08747f);
    --qb-green-soft:var(--q-theme-accent-soft,#e8f8f7);
    --qb-ink:var(--q-ink,#102a47);
    --qb-muted:var(--q-muted,#667783);
    --qb-line:var(--q-line,rgba(16,42,71,.11));
    --qb-card:#fff;
    --qb-radius:15px;
    background:var(--q-bg,#f6f8fb)!important;
  }

  /* Mobile Seitenbreite wie beim Gesamtgarten */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.questionnaire-shell,.pool-shell,.q-terrace-shell,.outdoor-shell,.category-page-shell),
  body.qsys-page .qsys-shell{
    width:calc(100% - .75rem)!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) main,
  body.qsys-page main{
    padding-bottom:1rem!important;
  }

  /* Hero-Karten: Layout kommt aus garden-hero-mobile.css und quamaro-subpage-layout-v4.css.
     Keine Overlay-, Clamp- oder Reorder-Regeln mehr in dieser Datei. */
  body.qsys-page .qsys-breadcrumb{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:.25rem!important;
    overflow:hidden!important;
    padding:.25rem 0!important;
    font-size:.66rem!important;
    white-space:nowrap!important;
  }
  body.qsys-page .qsys-pills{gap:.28rem!important;margin-top:.4rem!important}
  body.qsys-page .qsys-pill{padding:.28rem .4rem!important;font-size:.61rem!important}

  /* ---------------------------------------------------------
     Inhaltsübersichten und Karten – kompakt wie Gesamtgarten
     --------------------------------------------------------- */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.section,.pool-section,.q-terrace-paths),
  body.qsys-page .qsys-main{
    padding:.35rem 0 .55rem!important;
    margin:0!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.section-heading,.q-terrace-paths__heading),
  body.qsys-page .qsys-card>h2{
    margin-bottom:.38rem!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.section-heading,.q-terrace-paths__heading) .eyebrow{
    margin:0 0 .1rem!important;
    font-size:.64rem!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.section-heading,.q-terrace-paths__heading) h2{
    margin:.04rem 0 .15rem!important;
    font-size:1.18rem!important;
    line-height:1.06!important;
    letter-spacing:-.02em!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.section-heading,.q-terrace-paths__heading)>p:not(.eyebrow){
    display:-webkit-box!important;
    margin:.1rem 0 0!important;
    overflow:hidden!important;
    font-size:.74rem!important;
    line-height:1.25!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.banner-grid,.pool-card-grid){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.34rem!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.highlight-card,.pool-info-card){
    min-height:74px!important;
    padding:.48rem!important;
    border:1px solid var(--qb-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(22,61,45,.035)!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.highlight-card,.pool-info-card) strong{
    font-size:.75rem!important;
    line-height:1.15!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.highlight-card,.pool-info-card) p{
    display:-webkit-box!important;
    margin:.14rem 0 0!important;
    overflow:hidden!important;
    font-size:.62rem!important;
    line-height:1.2!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  /* Beratungsart / Pfad-Auswahl als kompakte Karten */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.pool-service-switch,.q-terrace-paths__grid,.qgarden-improve-switch){
    gap:.38rem!important;
    margin:.45rem 0!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.pool-service,.q-terrace-path){
    min-height:0!important;
    padding:.55rem .6rem!important;
    border-radius:13px!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.pool-service,.q-terrace-path) strong{font-size:.78rem!important;line-height:1.2!important}
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.pool-service,.q-terrace-path) small{
    display:-webkit-box!important;
    overflow:hidden!important;
    font-size:.64rem!important;
    line-height:1.2!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  /* ---------------------------------------------------------
     FORMULARE – gemeinsame Optik für ALLE Berater
     --------------------------------------------------------- */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.questionnaire-card,.pool-form-card,.q-planner-frame-card),
  body.qsys-page :is(.qsys-card,.qsys-project-context){
    margin:.45rem 0!important;
    padding:.7rem!important;
    border:1px solid var(--qb-line)!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(22,61,45,.045)!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.questionnaire-card,.pool-form-card)>:is(.eyebrow,.pool-eyebrow){
    margin:0 0 .1rem!important;
    font-size:.64rem!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.questionnaire-card,.pool-form-card)>h2,
  body.qsys-page .qsys-card>h2{
    margin:.05rem 0 .2rem!important;
    font-size:1.16rem!important;
    line-height:1.08!important;
    letter-spacing:-.02em!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.questionnaire-card,.pool-form-card)>p:not(.eyebrow):not(.pool-eyebrow),
  body.qsys-page .qsys-intro{
    margin:.12rem 0 .55rem!important;
    color:var(--qb-muted)!important;
    font-size:.73rem!important;
    line-height:1.28!important;
  }

  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-grid,.pool-form-grid),
  body.qsys-page .qsys-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.55rem!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-field,.field,.pool-field),
  body.qsys-page .qsys-field{
    margin:0!important;
    min-width:0!important;
  }

  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-field,.field,.pool-field) label,
  body.qsys-page .qsys-field label{
    display:block!important;
    margin:0 0 .24rem!important;
    color:#263d2e!important;
    font-size:.78rem!important;
    font-weight:800!important;
    line-height:1.22!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .form-field label>span{
    display:inline-flex!important;
    margin:0 .35rem 0 0!important;
    padding:.16rem .3rem!important;
    border-radius:999px!important;
    background:var(--qb-green-soft)!important;
    color:var(--qb-green-dark)!important;
    font-size:.59rem!important;
    vertical-align:middle!important;
  }

  /* Schöner einheitlicher Select-Look */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-field,.field,.pool-field,.q-project-extra) :is(select,input:not([type="checkbox"]):not([type="radio"]),textarea),
  body.qsys-page .qsys-field :is(select,input:not([type="checkbox"]):not([type="radio"]),textarea){
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
    padding:.58rem .72rem!important;
    border:1px solid #d4dfd5!important;
    border-radius:12px!important;
    outline:0!important;
    background-color:#fff!important;
    color:#1d2c22!important;
    box-shadow:0 1px 0 rgba(24,54,34,.02)!important;
    font:inherit!important;
    font-size:.84rem!important;
    line-height:1.2!important;
    transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-field,.field,.pool-field,.q-project-extra) select,
  body.qsys-page .qsys-field select{
    -webkit-appearance:none!important;
    appearance:none!important;
    padding-right:2.25rem!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23445e4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right .72rem center!important;
    background-size:15px 15px!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-field,.field,.pool-field,.q-project-extra) textarea,
  body.qsys-page .qsys-field textarea{
    min-height:72px!important;
    resize:vertical!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-field,.field,.pool-field,.q-project-extra) :is(select,input,textarea):focus,
  body.qsys-page .qsys-field :is(select,input,textarea):focus{
    border-color:#78a274!important;
    background-color:#fbfdfb!important;
    box-shadow:0 0 0 3px rgba(67,126,70,.11)!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-field,.field,.pool-field) :is(select,input,textarea):disabled,
  body.qsys-page .qsys-field :is(select,input,textarea):disabled{
    background:#f2f5f1!important;
    color:#788279!important;
  }

  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.select-wrap,.number-wrap){
    width:100%!important;
    min-width:0!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .number-wrap{
    position:relative!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .number-wrap input{padding-right:3rem!important}
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .number-unit{
    position:absolute!important;
    right:.72rem!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#637269!important;
    font-size:.72rem!important;
    pointer-events:none!important;
  }

  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) input[type="file"]{
    min-height:48px!important;
    padding:.3rem!important;
    font-size:.72rem!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) input[type="file"]::file-selector-button{
    min-height:36px!important;
    margin-right:.5rem!important;
    padding:.42rem .6rem!important;
    border:0!important;
    border-radius:9px!important;
    background:var(--qb-green-soft)!important;
    color:var(--qb-green-dark)!important;
    font-weight:800!important;
  }

  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.field-note,.hint,.form-field small,.pool-field .hint),
  body.qsys-page .qsys-field small{
    display:block!important;
    margin:.18rem 0 0!important;
    color:#718078!important;
    font-size:.66rem!important;
    line-height:1.25!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .field-error{
    min-height:0!important;
    margin:.16rem 0 0!important;
    font-size:.65rem!important;
    line-height:1.2!important;
  }

  /* Checkbox- und Radio-Auswahlen wie kompakte Chips/Karten */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.choice-grid,.check-grid,.radio-grid,.garden-master-pills),
  body.qsys-page :is(.qsys-checks,.qsys-options){
    gap:.34rem!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.choice-grid,.check-grid,.radio-grid) label,
  body.qsys-page :is(.qsys-checks,.qsys-options) label{
    min-height:42px!important;
    padding:.48rem .55rem!important;
    border:1px solid var(--qb-line)!important;
    border-radius:11px!important;
    background:#fff!important;
    font-size:.73rem!important;
    line-height:1.2!important;
  }

  /* L-Form / zusätzliche Geometrie: nicht mehr riesig */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.qv2-shape-extra,.qv2-geometry-summary,.q-project-extra){
    margin:.45rem 0!important;
    padding:.62rem!important;
    border:1px solid var(--qb-line)!important;
    border-radius:13px!important;
    background:#f8faf7!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .qv2-shape-extra__head{
    margin:0 0 .5rem!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .qv2-shape-extra__head strong{
    display:block!important;
    margin:0 0 .12rem!important;
    font-size:.88rem!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .qv2-shape-extra__head span{
    display:-webkit-box!important;
    overflow:hidden!important;
    font-size:.68rem!important;
    line-height:1.25!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  /* Buttons einheitlich */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.question-actions,.result-actions,.pool-actions,.qsys-actions,.q-terrace-hero__actions){
    gap:.38rem!important;
    margin-top:.6rem!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.button,.pool-button),
  body.qsys-page .qsys-btn{
    min-height:42px!important;
    padding:.55rem .7rem!important;
    border-radius:10px!important;
    font-size:.76rem!important;
    line-height:1.15!important;
  }

  /* Projekt-Wrapper / Iframe-Seite */
  body.q-project-planner-page .q-planner-shell{
    width:calc(100% - .75rem)!important;
    margin-inline:auto!important;
    padding:.4rem 0!important;
  }
  body.q-project-planner-page .q-planner-head{
    gap:.45rem!important;
    margin:0 0 .45rem!important;
    padding:.65rem!important;
    border:1px solid var(--qb-line)!important;
    border-radius:15px!important;
    background:#fff!important;
  }
  body.q-project-planner-page .q-planner-head h1{font-size:1.25rem!important;line-height:1.06!important}
  body.q-project-planner-page .q-planner-head p{font-size:.7rem!important;line-height:1.25!important}
  body.q-project-planner-page .q-planner-frame-note{
    gap:.42rem!important;
    padding:.55rem!important;
    border-radius:11px!important;
    font-size:.68rem!important;
  }

  /* Vorschau / Datenschutz bei Foto-Beratern */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .preview{
    gap:.5rem!important;
    margin-top:.45rem!important;
    padding:.55rem!important;
    border-radius:12px!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .preview img{
    width:76px!important;
    height:58px!important;
    border-radius:9px!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .privacy-panel{
    padding:.65rem!important;
    border-radius:14px!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .privacy-consent__label{
    padding:.58rem!important;
    border-radius:11px!important;
    font-size:.7rem!important;
  }
}

@media (max-width:390px){
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.banner-grid,.pool-card-grid){
    grid-template-columns:1fr 1fr!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .hero-grid .questionnaire-intro h1,
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .pool-hero h1,
  body.questionnaire-page.outdoor-planner-page .q-terrace-hero__content h1,
  body.qsys-page .qsys-hero-copy h1{
    font-size:1.36rem!important;
  }
}

/* ===== source: assets/berater-mobile-special.css ===== */
/* QUAMARO – mobile Ergänzung für Wege/Infrastruktur und Mähroboter, 2026-09-08 */
@media(max-width:760px){
  body.q-infra-page,
  body.q-mower-page{
    --qb-green:var(--q-theme-accent,#0a8c99);
    --qb-green-dark:var(--q-theme-accent-dark,#08747f);
    --qb-green-soft:var(--q-theme-accent-soft,#e8f8f7);
    --qb-line:var(--q-line,rgba(16,42,71,.11));
    --qb-muted:var(--q-muted,#667783);
    background:var(--q-bg,#f6f8fb)!important;
  }

  body.q-infra-page .q-infra-shell,
  body.q-mower-page .q-mower-shell{
    width:calc(100% - .75rem)!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  body.q-infra-page :is(.q-infra-hero,.q-infra-section),
  body.q-mower-page :is(.q-mower-hero,.q-mower-section,.q-mower-knowledge){
    padding:.3rem 0 .5rem!important;
    margin:0!important;
  }

  body.q-infra-page .category-breadcrumb,
  body.q-mower-page .category-breadcrumb{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:.28rem!important;
    overflow-x:auto!important;
    margin:0 0 .3rem!important;
    padding:.18rem 0!important;
    white-space:nowrap!important;
    font-size:.64rem!important;
    scrollbar-width:none!important;
  }
  body.q-infra-page .category-breadcrumb::-webkit-scrollbar,
  body.q-mower-page .category-breadcrumb::-webkit-scrollbar{display:none!important}

  /* Hero-Layout kommt aus garden-hero-mobile.css / v4. */

  body.q-infra-page .q-infra-layout,
  body.q-mower-page .q-mower-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.45rem!important;
  }
  body.q-infra-page .q-infra-card,
  body.q-mower-page .q-mower-card{
    margin:0!important;
    padding:.7rem!important;
    border:1px solid var(--qb-line)!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(22,61,45,.045)!important;
  }
  body.q-infra-page .q-infra-card>.eyebrow,
  body.q-mower-page .q-mower-card>.eyebrow{
    margin:0 0 .1rem!important;
    font-size:.64rem!important;
  }
  body.q-infra-page .q-infra-card>h2,
  body.q-mower-page .q-mower-card>h2{
    margin:.05rem 0 .22rem!important;
    font-size:1.16rem!important;
    line-height:1.08!important;
  }
  body.q-mower-page .q-mower-intro{
    margin:.1rem 0 .55rem!important;
    color:var(--qb-muted)!important;
    font-size:.72rem!important;
    line-height:1.28!important;
  }

  body.q-infra-page .q-infra-grid,
  body.q-mower-page .q-mower-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.55rem!important;
  }
  body.q-infra-page .q-infra-grid>label,
  body.q-mower-page .q-mower-grid>label{
    display:block!important;
    margin:0!important;
    min-width:0!important;
    padding:0!important;
  }
  body.q-infra-page .q-infra-grid>label>span,
  body.q-mower-page .q-mower-grid>label>span{
    display:block!important;
    margin:0 0 .24rem!important;
    color:#263d2e!important;
    font-size:.78rem!important;
    font-weight:800!important;
    line-height:1.22!important;
  }

  body.q-infra-page .q-infra-grid :is(select,input),
  body.q-mower-page .q-mower-grid :is(select,input){
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
    padding:.58rem .72rem!important;
    border:1px solid #d4dfd5!important;
    border-radius:12px!important;
    outline:0!important;
    background-color:#fff!important;
    color:#1d2c22!important;
    box-shadow:0 1px 0 rgba(24,54,34,.02)!important;
    font:inherit!important;
    font-size:.84rem!important;
    line-height:1.2!important;
  }
  body.q-infra-page .q-infra-grid select,
  body.q-mower-page .q-mower-grid select{
    -webkit-appearance:none!important;
    appearance:none!important;
    padding-right:2.25rem!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23445e4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right .72rem center!important;
    background-size:15px 15px!important;
  }
  body.q-infra-page .q-infra-grid :is(select,input):focus,
  body.q-mower-page .q-mower-grid :is(select,input):focus{
    border-color:#78a274!important;
    background-color:#fbfdfb!important;
    box-shadow:0 0 0 3px rgba(67,126,70,.11)!important;
  }
  body.q-infra-page :is(.q-infra-unit,.q-mower-unit),
  body.q-mower-page :is(.q-infra-unit,.q-mower-unit){position:relative!important}
  body.q-infra-page .q-infra-unit input,
  body.q-mower-page .q-mower-unit input{padding-right:3rem!important}
  body.q-infra-page .q-infra-unit b,
  body.q-mower-page .q-mower-unit b{
    position:absolute!important;
    right:.72rem!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#637269!important;
    font-size:.72rem!important;
    pointer-events:none!important;
  }
  body.q-infra-page .q-infra-grid label small,
  body.q-mower-page .q-mower-grid label small{
    display:block!important;
    margin:.18rem 0 0!important;
    color:#718078!important;
    font-size:.66rem!important;
    line-height:1.25!important;
  }

  body.q-infra-page .q-infra-actions,
  body.q-mower-page .q-mower-actions{
    display:grid!important;
    gap:.35rem!important;
    margin-top:.6rem!important;
  }
  body.q-infra-page .q-infra-actions .button,
  body.q-mower-page .q-mower-actions .button{
    width:100%!important;
    min-height:42px!important;
    padding:.55rem .7rem!important;
    border-radius:10px!important;
    font-size:.76rem!important;
  }
  body.q-mower-page .q-mower-save-note{font-size:.65rem!important;line-height:1.25!important}

  body.q-infra-page .q-infra-side,
  body.q-mower-page .q-mower-side{
    padding:.62rem!important;
    border-radius:13px!important;
  }
  body.q-infra-page .q-infra-side h3,
  body.q-mower-page .q-mower-side h3{
    margin:.05rem 0 .35rem!important;
    font-size:.9rem!important;
  }
  body.q-infra-page .q-infra-side ul,
  body.q-mower-page .q-mower-side ul{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.28rem .5rem!important;
    margin:.3rem 0!important;
    padding-left:1rem!important;
  }
  body.q-infra-page .q-infra-side li,
  body.q-mower-page .q-mower-side li{font-size:.66rem!important;line-height:1.22!important}

  body.q-mower-page .q-mower-heading h2{font-size:1.14rem!important}
  body.q-mower-page .q-mower-knowledge-grid{gap:.38rem!important}
  body.q-mower-page .q-mower-knowledge-grid details{
    padding:.55rem .6rem!important;
    border-radius:12px!important;
  }
  body.q-mower-page .q-mower-knowledge-grid summary{font-size:.76rem!important}
  body.q-mower-page .q-mower-knowledge-grid p{font-size:.68rem!important;line-height:1.25!important}
}

/* ===== source: assets/berater-mobile-form-final.css ===== */
/* QUAMARO – finale mobile Formular-Norm für sämtliche Beraterseiten, 2026-09-08 · cache v4 */
@media(max-width:760px){
  /* Letzte gemeinsame Ebene: damit auch Beet, Balkon und ältere Spezialformulare
     exakt denselben kompakten Eingabe-Look erhalten. */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form :is(select,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),textarea),
  body.qsys-page form :is(select,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),textarea),
  body.q-infra-page form :is(select,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),textarea),
  body.q-mower-page form :is(select,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),textarea){
    box-sizing:border-box!important;
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
    padding:.58rem .72rem!important;
    border:1px solid #d4dfd5!important;
    border-radius:12px!important;
    outline:0!important;
    background-color:#fff!important;
    color:#1d2c22!important;
    box-shadow:0 1px 0 rgba(24,54,34,.02)!important;
    font-family:inherit!important;
    font-size:.84rem!important;
    line-height:1.2!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form select,
  body.qsys-page form select,
  body.q-infra-page form select,
  body.q-mower-page form select{
    -webkit-appearance:none!important;
    appearance:none!important;
    padding-right:2.25rem!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23445e4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right .72rem center!important;
    background-size:15px 15px!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form textarea,
  body.qsys-page form textarea{min-height:72px!important;resize:vertical!important}
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form :is(select,input,textarea):focus,
  body.qsys-page form :is(select,input,textarea):focus,
  body.q-infra-page form :is(select,input,textarea):focus,
  body.q-mower-page form :is(select,input,textarea):focus{
    border-color:#78a274!important;
    background-color:#fbfdfb!important;
    box-shadow:0 0 0 3px rgba(67,126,70,.11)!important;
  }

  /* Mobile Eingaberhythmus: zwei kompakte Spalten; lange Felder bleiben vollbreit. */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-grid,.pool-form-grid,.beet-form-grid),
  body.qsys-page .qsys-grid,
  body.q-infra-page .q-infra-grid,
  body.q-mower-page .q-mower-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:.5rem!important;
    align-items:start!important;
  }

  /* Frühere Mobile-Regeln setzen einzelne Formularfelder auf grid-column:1/-1.
     Das würde trotz 2-Spalten-Grid alle Felder links untereinander stapeln.
     Normale Felder daher ausdrücklich wieder automatisch platzieren. */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-grid,.pool-form-grid,.beet-form-grid)>.form-field:not(.full):not([data-full-width="true"]),
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-grid,.pool-form-grid,.beet-form-grid)>.field:not(.full):not([data-full-width="true"]),
  body.qsys-page .qsys-grid>*:not(.full):not([data-full-width="true"]),
  body.q-infra-page .q-infra-grid>*:not(.full):not([data-full-width="true"]),
  body.q-mower-page .q-mower-grid>*:not(.full):not([data-full-width="true"]){
    grid-column:auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
  }

  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-grid,.pool-form-grid,.beet-form-grid)>.full,
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-grid,.pool-form-grid,.beet-form-grid)>[data-full-width="true"],
  body.qsys-page .qsys-grid>.full,
  body.qsys-page .qsys-grid>[data-full-width="true"],
  body.q-infra-page .q-infra-grid>.full,
  body.q-infra-page .q-infra-grid>[data-full-width="true"],
  body.q-mower-page .q-mower-grid>.full,
  body.q-mower-page .q-mower-grid>[data-full-width="true"]{
    grid-column:1/-1!important;
  }

  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.form-grid,.pool-form-grid,.beet-form-grid)>div>label,
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .beet-form-grid>div>label{
    display:block!important;
    margin:0 0 .24rem!important;
    color:#263d2e!important;
    font-size:.72rem!important;
    font-weight:800!important;
    line-height:1.2!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.field-note,.hint,.beet-form-grid small){
    margin:.18rem 0 0!important;
    color:#718078!important;
    font-size:.66rem!important;
    line-height:1.25!important;
  }

  /* Beet-Planer – gleiche Karten- und Hero-Sprache wie Gesamtgarten. */
  body.beet-planner-page .beet-shell{
    width:calc(100% - .75rem)!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.beet-planner-page :is(.beet-hero,.beet-section){padding:.3rem 0 .5rem!important}
  body.beet-planner-page .category-breadcrumb{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:.28rem!important;
    overflow-x:auto!important;
    margin:0 0 .3rem!important;
    padding:.18rem 0!important;
    white-space:nowrap!important;
    font-size:.64rem!important;
    scrollbar-width:none!important;
  }
  body.beet-planner-page .category-breadcrumb::-webkit-scrollbar{display:none!important}
  /* Hero-Layout kommt aus garden-hero-mobile.css / v4. */
  body.beet-planner-page .beet-actions{gap:.35rem!important;margin-top:.45rem!important}
  body.beet-planner-page .beet-actions .button{
    min-height:38px!important;
    padding:.45rem .55rem!important;
    font-size:.69rem!important;
  }
  body.beet-planner-page .beet-heading{margin-bottom:.4rem!important}
  body.beet-planner-page .beet-heading h2{margin:.04rem 0 .15rem!important;font-size:1.18rem!important;line-height:1.06!important}
  body.beet-planner-page .beet-heading>p:not(.eyebrow){font-size:.72rem!important;line-height:1.25!important}
  body.beet-planner-page .beet-layout{display:grid!important;grid-template-columns:1fr!important;gap:.45rem!important}
  body.beet-planner-page .beet-card{
    padding:.7rem!important;
    border-radius:15px!important;
    border:1px solid #dce5dc!important;
    box-shadow:0 8px 24px rgba(22,61,45,.045)!important;
  }
  body.beet-planner-page .beet-checks{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.32rem!important;
  }
  body.beet-planner-page .beet-checks label,
  body.beet-planner-page [data-decor-options]>label{
    min-height:38px!important;
    padding:.42rem .5rem!important;
    border-radius:10px!important;
    font-size:.69rem!important;
  }

  /* Ältere Balkon-/Foto-Intros, die kein eigenes Hero-Grid haben. */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) main>.questionnaire-intro{
    margin:.35rem 0 .45rem!important;
    padding:.68rem!important;
    border:1px solid #dce5dc!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(22,61,45,.04)!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) main>.questionnaire-intro h1{
    margin:.08rem 0 .2rem!important;
    font-size:1.28rem!important;
    line-height:1.06!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) main>.questionnaire-intro>p:not(.eyebrow){
    margin:.08rem 0 0!important;
    font-size:.72rem!important;
    line-height:1.25!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .service-switch{
    gap:.35rem!important;
    margin:.4rem 0!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .service-option{
    min-height:0!important;
    padding:.52rem .58rem!important;
    border-radius:12px!important;
  }
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .service-option strong{font-size:.75rem!important}
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .service-option small{font-size:.63rem!important;line-height:1.2!important}
}

/* ===== source: assets/berater-mobile-controls.css ===== */
/* QUAMARO – mobile Berater: robuste 2-Spalten-Formulare + kompakte Auswahlfelder
   2026-09-08 · wird als letzte Berater-CSS eingebunden. */
@media (max-width:760px){
  /* Jede echte Formular-Grid-Ebene auf Beraterseiten bekommt denselben
     2-Spalten-Rhythmus. Damit greifen auch ältere/spezielle Grid-Klassennamen. */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form > [class*="grid"],
  body.qsys-page form > [class*="grid"],
  body.q-infra-page form > [class*="grid"],
  body.q-mower-page form > [class*="grid"]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:.5rem!important;
    align-items:start!important;
    min-width:0!important;
  }

  /* Frühere Regeln setzen einzelne Felder auf volle Breite oder Spalte 1.
     Normale Felder wieder automatisch in beide Spalten verteilen. */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form > [class*="grid"] > *,
  body.qsys-page form > [class*="grid"] > *,
  body.q-infra-page form > [class*="grid"] > *,
  body.q-mower-page form > [class*="grid"] > *{
    grid-column:auto!important;
    min-width:0!important;
    max-width:none!important;
  }

  /* Lange / komplexe Eingaben bleiben bewusst über beide Spalten. */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form > [class*="grid"] > :is(.full,[data-full-width="true"]),
  body.qsys-page form > [class*="grid"] > :is(.full,[data-full-width="true"]),
  body.q-infra-page form > [class*="grid"] > :is(.full,[data-full-width="true"]),
  body.q-mower-page form > [class*="grid"] > :is(.full,[data-full-width="true"]),
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form > [class*="grid"] > :has(textarea),
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form > [class*="grid"] > :has(input[type="file"]),
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form > [class*="grid"] > :has(input[type="checkbox"]),
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form > [class*="grid"] > :has(input[type="radio"]),
  body.qsys-page form > [class*="grid"] > :has(textarea),
  body.qsys-page form > [class*="grid"] > :has(input[type="file"]),
  body.qsys-page form > [class*="grid"] > :has(input[type="checkbox"]),
  body.qsys-page form > [class*="grid"] > :has(input[type="radio"]),
  body.q-infra-page form > [class*="grid"] > :has(textarea),
  body.q-infra-page form > [class*="grid"] > :has(input[type="file"]),
  body.q-infra-page form > [class*="grid"] > :has(input[type="checkbox"]),
  body.q-infra-page form > [class*="grid"] > :has(input[type="radio"]),
  body.q-mower-page form > [class*="grid"] > :has(textarea),
  body.q-mower-page form > [class*="grid"] > :has(input[type="file"]),
  body.q-mower-page form > [class*="grid"] > :has(input[type="checkbox"]),
  body.q-mower-page form > [class*="grid"] > :has(input[type="radio"]){
    grid-column:1/-1!important;
  }

  /* Mehrfachauswahl-Gruppen: kompakte 2-Spalten-Kacheln statt großer Karten. */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(
    .beet-checks,
    [data-decor-options],
    .checkbox-grid:has(input[type="checkbox"]),
    .check-grid:has(input[type="checkbox"]),
    .checks:has(input[type="checkbox"]),
    .choice-grid:has(input[type="checkbox"],input[type="radio"]),
    .option-grid:has(input[type="checkbox"],input[type="radio"]),
    .options-grid:has(input[type="checkbox"],input[type="radio"]),
    .radio-grid:has(input[type="radio"])
  ),
  body.qsys-page :is(
    .checkbox-grid:has(input[type="checkbox"]),
    .check-grid:has(input[type="checkbox"]),
    .checks:has(input[type="checkbox"]),
    .choice-grid:has(input[type="checkbox"],input[type="radio"]),
    .option-grid:has(input[type="checkbox"],input[type="radio"]),
    .options-grid:has(input[type="checkbox"],input[type="radio"]),
    .radio-grid:has(input[type="radio"])
  ),
  body.q-infra-page :is(
    .checkbox-grid:has(input[type="checkbox"]),
    .check-grid:has(input[type="checkbox"]),
    .checks:has(input[type="checkbox"]),
    .choice-grid:has(input[type="checkbox"],input[type="radio"]),
    .option-grid:has(input[type="checkbox"],input[type="radio"]),
    .options-grid:has(input[type="checkbox"],input[type="radio"]),
    .radio-grid:has(input[type="radio"])
  ),
  body.q-mower-page :is(
    .checkbox-grid:has(input[type="checkbox"]),
    .check-grid:has(input[type="checkbox"]),
    .checks:has(input[type="checkbox"]),
    .choice-grid:has(input[type="checkbox"],input[type="radio"]),
    .option-grid:has(input[type="checkbox"],input[type="radio"]),
    .options-grid:has(input[type="checkbox"],input[type="radio"]),
    .radio-grid:has(input[type="radio"])
  ){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.38rem!important;
    width:100%!important;
    margin:.15rem 0 0!important;
  }

  /* Option selbst: klein, gleich hoch, sauber ausgerichtet. Inline-Stile älterer
     Seiten werden hier absichtlich überschrieben. */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.beet-checks,[data-decor-options],.checkbox-grid,.check-grid,.checks,.choice-grid,.option-grid,.options-grid,.radio-grid) > label,
  body.qsys-page :is(.checkbox-grid,.check-grid,.checks,.choice-grid,.option-grid,.options-grid,.radio-grid) > label,
  body.q-infra-page :is(.checkbox-grid,.check-grid,.checks,.choice-grid,.option-grid,.options-grid,.radio-grid) > label,
  body.q-mower-page :is(.checkbox-grid,.check-grid,.checks,.choice-grid,.option-grid,.options-grid,.radio-grid) > label{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:.48rem!important;
    min-width:0!important;
    min-height:42px!important;
    margin:0!important;
    padding:.48rem .55rem!important;
    border:1px solid #d8e2d8!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#24372b!important;
    box-shadow:none!important;
    font-size:.72rem!important;
    font-weight:750!important;
    line-height:1.18!important;
    overflow-wrap:anywhere!important;
  }

  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) :is(.beet-checks,[data-decor-options],.checkbox-grid,.check-grid,.checks,.choice-grid,.option-grid,.options-grid,.radio-grid) > label:has(input:checked),
  body.qsys-page :is(.checkbox-grid,.check-grid,.checks,.choice-grid,.option-grid,.options-grid,.radio-grid) > label:has(input:checked),
  body.q-infra-page :is(.checkbox-grid,.check-grid,.checks,.choice-grid,.option-grid,.options-grid,.radio-grid) > label:has(input:checked),
  body.q-mower-page :is(.checkbox-grid,.check-grid,.checks,.choice-grid,.option-grid,.options-grid,.radio-grid) > label:has(input:checked){
    border-color:#9fc3a3!important;
    background:#f2f8f1!important;
  }

  /* Checkboxen/Radios explizit von allen alten 100%-Input-Regeln lösen. */
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form input[type="checkbox"],
  body.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) form input[type="radio"],
  body.qsys-page form input[type="checkbox"],
  body.qsys-page form input[type="radio"],
  body.q-infra-page form input[type="checkbox"],
  body.q-infra-page form input[type="radio"],
  body.q-mower-page form input[type="checkbox"],
  body.q-mower-page form input[type="radio"]{
    width:20px!important;
    min-width:20px!important;
    max-width:20px!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    flex:0 0 20px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:none!important;
    accent-color:var(--q-theme-accent,#0a8c99)!important;
  }

  /* Beet: die Farbauswahl ist eine komplexe Mehrfachauswahl und bekommt daher
     bewusst die volle Formularbreite. */
  body.beet-planner-page .beet-form-grid > div:has(> .beet-checks){
    grid-column:1/-1!important;
  }

  body.beet-planner-page .beet-checks > label,
  body.beet-planner-page [data-decor-options] > label{
    white-space:normal!important;
  }
}

/* ===== source: assets/site-layout-refinement-v1.css ===== */
/* QUAMARO site-wide refinement v1 – 2026-09-09
   Schrittweise Angleichung an die neue Startseite. Die bestehenden Fachlogiken
   bleiben unangetastet; hier werden nur Layout, Rhythmus und mobile Dichte vereinheitlicht. */

body.qsite-layout-v3{
  --qsr-ink:var(--q-ink,#102a47);
  --qsr-muted:var(--q-text,#536877);
  --qsr-green:var(--q-theme-accent,#0a8c99);
  --qsr-green-dark:var(--q-theme-accent-dark,#08747f);
  --qsr-soft:var(--q-theme-accent-soft,#e8f8f7);
  --qsr-line:var(--q-line,rgba(16,42,71,.11));
  --qsr-shadow:var(--q-shadow,0 12px 30px rgba(16,42,71,.07));
  --qsr-shadow-lg:var(--q-shadow-lg,0 22px 54px rgba(16,42,71,.10));
}

/* 1. Kategorienübersicht */
body.qsite-page-categories .categories-hero{
  padding:2.35rem 0 1.85rem!important;
  background:radial-gradient(circle at 82% 18%,rgba(25,183,178,.12),transparent 30%),linear-gradient(135deg,#f7fafb,#eef3fb)!important;
  border-bottom:1px solid rgba(16,42,71,.07);
}
body.qsite-page-categories .categories-hero__grid{gap:2.25rem!important}
body.qsite-page-categories .categories-hero h1{max-width:760px;margin:.25rem 0 .72rem!important}
body.qsite-page-categories .categories-hero__lead{color:var(--qsr-muted);font-size:1.04rem;line-height:1.58!important}
body.qsite-page-categories .categories-hero__image{
  min-height:0!important;
  aspect-ratio:16/10;
  border:1px solid var(--qsr-line);
  border-radius:22px!important;
  box-shadow:var(--qsr-shadow-lg)!important;
  background:#eaf2ee;
}
body.qsite-page-categories .categories-hero__image img{min-height:0!important;height:100%!important;object-fit:cover!important}
body.qsite-page-categories .category-overview-section{padding:1.8rem 0 3rem!important}
body.qsite-page-categories .category-overview-grid{gap:.85rem!important}
body.qsite-page-categories .category-overview-card{
  border-color:var(--qsr-line)!important;
  border-radius:18px!important;
  box-shadow:var(--qsr-shadow)!important;
}
body.qsite-page-categories .category-overview-card__body{padding:1rem!important}
body.qsite-page-categories .category-overview-card img{aspect-ratio:16/10!important;object-fit:cover!important;background:#f4f8f6!important}
body.qsite-page-categories .category-state{font-size:.72rem;padding:.3rem .55rem}
body.qsite-page-categories .category-overview-subareas span{border-color:var(--qsr-line);background:#f5f9f7;color:#304b5d}

/* 2. Garten-Hub */
body.qsite-page-garden-hub .garden-hub-page,
body.qsite-page-garden-hub{background:#fff!important}
body.qsite-page-garden-hub .garden-hub-hero{
  background:radial-gradient(circle at 82% 20%,rgba(11,138,85,.11),transparent 31%),linear-gradient(135deg,#f8fbf9,#eef6f2)!important;
  border-bottom:1px solid rgba(16,42,71,.07);
}
body.qsite-page-garden-hub .garden-hub-hero h1,
body.qsite-page-garden-hub .garden-hub-heading h2{color:var(--qsr-ink)!important}
body.qsite-page-garden-hub .garden-hub-hero__lead,
body.qsite-page-garden-hub .garden-hub-heading p{color:var(--qsr-muted)!important}
body.qsite-page-garden-hub .garden-hub-hero__image{border:1px solid var(--qsr-line);border-radius:22px!important;box-shadow:var(--qsr-shadow-lg)!important}
body.qsite-page-garden-hub .garden-start-card,
body.qsite-page-garden-hub .garden-area-card,
body.qsite-page-garden-hub .garden-flow article,
body.qsite-page-garden-hub .garden-infra-callout{border-color:var(--qsr-line)!important;box-shadow:var(--qsr-shadow)!important}
body.qsite-page-garden-hub .garden-area-card{border-radius:18px!important}
body.qsite-page-garden-hub .garden-area-card__primary{background:#edf7f1!important;color:var(--qsr-green-dark)!important}

/* 3. Gesamtgarten */
body.qsite-page-master .garden-master-hero{
  background:radial-gradient(circle at 82% 18%,rgba(11,138,85,.11),transparent 31%),linear-gradient(135deg,#f8fbf9,#eef6f2)!important;
  border-bottom:1px solid rgba(16,42,71,.07);
}
body.qsite-page-master .garden-master-hero__grid{gap:2rem!important;align-items:center}
body.qsite-page-master .garden-master-hero__visual{overflow:hidden;border:1px solid var(--qsr-line);border-radius:22px!important;box-shadow:var(--qsr-shadow-lg)!important}
body.qsite-page-master .garden-master-hero__visual img{display:block;width:100%;height:100%;object-fit:cover}
body.qsite-page-master .garden-master-feature,
body.qsite-page-master .garden-master-form-card,
body.qsite-page-master .garden-master-result,
body.qsite-page-master [class*="qv2-"]{border-color:var(--qsr-line)}
body.qsite-page-master .garden-master-feature{border-radius:16px!important;box-shadow:none!important}
body.qsite-page-master .garden-master-section{padding-top:1.9rem;padding-bottom:1.9rem}

/* 4. Mein Garten – bestehende dynamische Logik bleibt vollständig erhalten */
body.qsite-page-dashboard{background:#f7faf8!important}
body.qsite-page-dashboard [data-garden-project-dashboard]{width:min(1180px,calc(100% - 1rem));margin-inline:auto}
body.qsite-page-dashboard .q-dashboard-section,
body.qsite-page-dashboard [class*="qmg-"][class*="card"],
body.qsite-page-dashboard [class*="q-dashboard-"][class*="card"]{border-color:var(--qsr-line)!important}
body.qsite-page-dashboard .q-dashboard-section{border-radius:18px!important;box-shadow:var(--qsr-shadow)!important}

/* 5. Einzelberater / Systemberater */
body.qsite-page-advisor-route:not(.garden-master-page):not(.q-dashboard-page) :is(.questionnaire-card,.result-card,.pool-form-card,.qsys-card,.outdoor-card,.analysis-card){
  border-color:var(--qsr-line)!important;
  box-shadow:var(--qsr-shadow)!important;
}
body.qsite-page-advisor-route:not(.garden-master-page):not(.q-dashboard-page) :is(input,select,textarea){border-color:rgba(16,42,71,.15)!important}
body.qsite-page-advisor-route:not(.garden-master-page):not(.q-dashboard-page) :is(.button,.qsys-button){border-radius:12px!important}
body.qsite-page-improve .analysis-card,
body.qsite-page-improve .upload-card,
body.qsite-page-improve [class*="photo"]{border-color:var(--qsr-line)}

/* 6. Ratgeber-Hubs */
body.qsite-page-guide-hub-route .rg-list-hero,
body.qsite-page-guide-hub-route .guide-hero{padding-top:1.8rem!important}
body.qsite-page-guide-hub-route .rg-list-hero-media,
body.qsite-page-guide-hub-route [class*="guide-hero"] img{border-radius:20px!important}
body.qsite-page-guide-hub-route .rg-card,
body.qsite-page-guide-hub-route .guide-card{border-color:var(--qsr-line)!important;box-shadow:var(--qsr-shadow)!important}

/* 7. Einzelne Ratgeber */
body.qsite-page-article .crumb,
body.qsite-page-article [class*="breadcrumb"]{color:#6a7a86}
body.qsite-page-article .article-hero{border:1px solid rgba(16,42,71,.10)!important}
body.qsite-page-article main>p{font-size:1rem;line-height:1.68!important}
body.qsite-page-article .note{border-left-color:var(--qsr-green)!important;background:#f1f7f4!important}

/* 8. Rechtliches */
body.qsite-page-legal main,
body.qsite-page-legal .legal-shell{width:min(900px,calc(100% - 2rem));margin-inline:auto}
body.qsite-page-legal .legal-card{border:1px solid var(--qsr-line);border-radius:18px;box-shadow:var(--qsr-shadow)}

/* Tablet */
@media(max-width:900px){
  body.qsite-page-categories .categories-hero__grid,
  body.qsite-page-master .garden-master-hero__grid{grid-template-columns:1fr!important;gap:1rem!important}
  body.qsite-page-categories .categories-hero__image{max-height:340px}
  body.qsite-page-master .garden-master-hero__visual{max-height:360px}
}

/* Handy – auf jeder Seite Dichte vor Länge */
@media(max-width:700px){
  /* Kategorien: Bild + Text als kompakter Hero, Karten bleiben 2-spaltig. */
  body.qsite-page-categories .categories-hero{padding:.45rem 0 .65rem!important}
  body.qsite-page-categories .categories-hero__grid{display:flex!important;flex-direction:column!important;gap:.75rem!important;width:calc(100% - 1rem)!important}
  body.qsite-page-categories .categories-hero__image{width:100%;height:145px;aspect-ratio:auto;border-radius:16px!important;box-shadow:none!important}
  body.qsite-page-categories .categories-hero__image img{height:145px!important;object-fit:cover!important}
  body.qsite-page-categories .categories-hero__grid>div:first-child{width:100%;padding:0;background:transparent;color:inherit}
  body.qsite-page-categories .categories-hero .category-breadcrumb{display:none}
  body.qsite-page-categories .categories-hero .eyebrow{margin:0 0 .22rem;color:var(--q-theme-accent,#0a8c99)!important;font-size:.63rem!important}
  body.qsite-page-categories .categories-hero h1{margin:0 0 .35rem!important;color:var(--q-ink,#102a47)!important;font-size:1.62rem!important;line-height:1.04!important}
  body.qsite-page-categories .categories-hero__lead{display:-webkit-box;overflow:hidden;margin:0;color:var(--q-text,#536877)!important;font-size:.78rem!important;line-height:1.35!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  body.qsite-page-categories .categories-hero .trust-row{margin-top:.55rem!important}
  body.qsite-page-categories .categories-hero .trust-pill{border-color:var(--q-line,rgba(16,42,71,.11))!important;background:#fff!important;color:var(--q-ink,#102a47)!important}
  body.qsite-page-categories .category-overview-section{padding:.8rem 0 1.4rem!important}
  body.qsite-page-categories .category-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important}
  body.qsite-page-categories .category-overview-card{border-radius:14px!important;box-shadow:none!important}
  body.qsite-page-categories .category-overview-card img{height:100px!important;aspect-ratio:auto!important}
  body.qsite-page-categories .category-overview-card__body{padding:.65rem!important}
  body.qsite-page-categories .category-overview-card__body h2{font-size:.88rem!important;line-height:1.18!important}
  body.qsite-page-categories .category-overview-subareas{grid-template-columns:1fr 1fr!important}

  /* Garten-Hub: kompakte Mobile-Dichte, helle Design-Tokens statt Overlay. */
  body.qsite-page-garden-hub .garden-hub-hero__grid>div:first-child{background:transparent!important;color:inherit!important}
  body.qsite-page-garden-hub .garden-hub-hero__grid>div:first-child h1{color:var(--q-ink,#102a47)!important}
  body.qsite-page-garden-hub .garden-hub-hero__lead{color:var(--q-text,#536877)!important}
  body.qsite-page-garden-hub .garden-hub-hero .eyebrow{color:var(--q-theme-accent,#0a8c99)!important}

  /* Gesamtgarten: Hero weniger hoch, Überblick 2-spaltig beibehalten. */
  body.qsite-page-master .garden-master-hero{padding:.45rem 0 .65rem!important}
  body.qsite-page-master .garden-master-hero__grid{display:flex!important;flex-direction:column!important;gap:.75rem!important;overflow:hidden;border-radius:16px;background:transparent}
  body.qsite-page-master .garden-master-hero__visual{width:100%;height:150px!important;max-height:150px!important;border:0!important;border-radius:16px!important;box-shadow:none!important}
  body.qsite-page-master .garden-master-hero__visual img{height:150px!important;object-fit:cover!important}
  body.qsite-page-master .garden-master-hero__copy{padding:0!important;color:var(--q-ink,#102a47)}
  body.qsite-page-master .garden-master-hero__copy h1{font-size:1.58rem!important;line-height:1.04!important;margin:.08rem 0 .35rem!important}
  body.qsite-page-master .garden-master-hero__copy>p:not(.eyebrow){display:-webkit-box;overflow:hidden;font-size:.77rem!important;line-height:1.34!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  body.qsite-page-master .garden-master-hero__points{display:none!important}
  body.qsite-page-master .garden-master-hero__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.4rem!important;margin-top:.6rem!important}
  body.qsite-page-master .garden-master-hero__actions .button{min-height:40px!important;padding:.52rem .45rem!important;font-size:.7rem!important;text-align:center!important}
  body.qsite-page-master .category-breadcrumb{display:none!important}
  body.qsite-page-master .garden-master-section{padding:.55rem 0 .75rem!important}

  /* Dashboard: keine überbreiten Karten und weniger Außenabstand. */
  body.qsite-page-dashboard [data-garden-project-dashboard]{width:calc(100% - .5rem)!important}
  body.qsite-page-dashboard .q-dashboard-section{border-radius:14px!important;box-shadow:none!important}

  /* Einzelberater: dichte Formularlogik unangetastet, Hero bleibt hell. */
  body.qsite-page-advisor-route.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .hero-grid,
  body.qsite-page-advisor-route.questionnaire-page:not(.garden-master-page):not(.q-dashboard-page) .pool-hero__grid,
  body.qsite-page-advisor-route.qsys-page .qsys-hero-card{background:transparent!important;color:var(--q-ink,#102a47)!important}

  /* Ratgeber-Hubs: zwei Spalten auch auf normalen Smartphones. */
  body.qsite-page-guide-hub-route.qsite-page-hub .rg-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important}
  body.qsite-page-guide-hub-route.qsite-page-hub .rg-card{display:flex!important;grid-template-columns:none!important;border-radius:13px!important}
  body.qsite-page-guide-hub-route.qsite-page-hub .rg-card img{width:100%!important;height:105px!important;min-height:105px!important}
  body.qsite-page-guide-hub-route.qsite-page-hub .rg-card-body{padding:.62rem!important}
  body.qsite-page-guide-hub-route.qsite-page-hub .rg-card p{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}

  /* Artikel: Fließtext bleibt bewusst einspaltig und gut lesbar. */
  body.qsite-page-article main{width:calc(100% - 1rem)!important}
  body.qsite-page-article main>p{font-size:.94rem!important;line-height:1.58!important}

  body.qsite-page-legal main,
  body.qsite-page-legal .legal-shell{width:calc(100% - 1rem)!important}
}

@media(max-width:360px){
  body.qsite-page-guide-hub-route.qsite-page-hub .rg-list-grid{grid-template-columns:1fr!important}
  body.qsite-page-categories .category-overview-grid{gap:.42rem!important}
  body.qsite-page-categories .category-overview-card img{height:88px!important}
}

/* ===== source: assets/mower-hero-unified.css ===== */
/* QUAMARO Mähroboter-Ratgeber Hero
   Wird in das bestehende site-runtime-patches-v1.css gebündelt.
   Keine zusätzliche CSS-Ladung im Browser.
   Unterstützt beide historisch vorhandenen Mähroboter-Hero-Markups. */

@media(min-width:821px){
  /* Aktuelles Markup: .mower-hero ist selbst das Zweispalten-Grid. */
  body.mower-guide-page .mower-hero{
    width:min(1180px,calc(100% - 2rem))!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:clamp(1.8rem,3vw,2.5rem) 0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;
    gap:clamp(30px,4vw,48px)!important;
    align-items:center!important;
    min-height:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.mower-guide-page .mower-hero>div:first-child{
    position:relative!important;
    grid-column:1!important;
    grid-row:1!important;
    z-index:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
  }
  body.mower-guide-page .mower-hero__visual{
    position:relative!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid rgba(28,76,47,.13)!important;
    border-radius:28px!important;
    background:#eef4f1!important;
    box-shadow:0 18px 46px rgba(24,66,42,.10)!important;
  }
  body.mower-guide-page .mower-hero__visual::after{display:none!important}
  body.mower-guide-page .mower-hero__visual img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  /* Ältere zweite Variante mit innerem Grid/Wrapper. */
  body.mower-guide-page .mower-hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;
    gap:clamp(30px,4vw,48px)!important;
    align-items:center!important;
    min-height:0!important;
  }
  body.mower-guide-page .mower-hero-grid>div:first-child{
    position:relative!important;
    grid-column:1!important;
    grid-row:1!important;
    z-index:auto!important;
    min-height:0!important;
    padding:0!important;
  }
  body.mower-guide-page .mower-hero-image-wrap{
    position:relative!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid rgba(28,76,47,.13)!important;
    border-radius:28px!important;
    background:#eef4f1!important;
    box-shadow:0 18px 46px rgba(24,66,42,.10)!important;
  }
  body.mower-guide-page .mower-hero-image-wrap img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  body.mower-guide-page .mower-label,
  body.mower-guide-page .mower-hero .eyebrow{
    color:#087347!important;
    text-shadow:none!important;
  }
  body.mower-guide-page .mower-hero h1{
    color:#0f2443!important;
    text-shadow:none!important;
  }
  body.mower-guide-page .mower-hero>div:first-child>p,
  body.mower-guide-page .mower-hero-grid>div:first-child>p,
  body.mower-guide-page .mower-hero__lead{
    color:#526378!important;
    text-shadow:none!important;
  }
  body.mower-guide-page .mower-chip{
    background:#f5f9f6!important;
    border-color:rgba(28,76,47,.13)!important;
    color:#314a42!important;
    box-shadow:none!important;
  }
  body.mower-guide-page .mower-breadcrumb,
  body.mower-guide-page .mower-breadcrumb a{
    color:#63756f!important;
    text-shadow:none!important;
  }
}

@media(max-width:820px){
  body.mower-guide-page .mower-breadcrumb{
    width:calc(100% - 1rem)!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:1rem .25rem .55rem!important;
  }
  body.mower-guide-page .mower-hero,
  body.mower-guide-page .mower-hero-grid{
    position:relative!important;
    width:calc(100% - 1rem)!important;
    max-width:1180px!important;
    min-height:0!important;
    margin:0 auto 1.4rem!important;
    padding:1rem!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:visible!important;
    border:1px solid rgba(15,36,67,.10)!important;
    border-radius:20px!important;
    background:#f6f9fb!important;
    box-shadow:0 10px 28px rgba(15,36,67,.07)!important;
  }
  body.mower-guide-page .mower-hero::after,
  body.mower-guide-page .mower-hero-grid::after{display:none!important;content:none!important}
  body.mower-guide-page .mower-hero>div:first-child,
  body.mower-guide-page .mower-hero-grid>div:first-child{
    position:relative!important;
    z-index:2!important;
    order:1!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:0!important;
    padding:0 2px 8px!important;
    color:inherit!important;
  }
  body.mower-guide-page .mower-hero__visual,
  body.mower-guide-page .mower-hero-image-wrap{
    position:relative!important;
    inset:auto!important;
    order:2!important;
    z-index:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid rgba(15,36,67,.10)!important;
    border-radius:16px!important;
    background:#eef3f1!important;
    box-shadow:none!important;
  }
  body.mower-guide-page .mower-hero__visual img,
  body.mower-guide-page .mower-hero-image-wrap img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  body.mower-guide-page .mower-label,
  body.mower-guide-page .mower-hero .eyebrow{color:#087347!important;text-shadow:none!important}
  body.mower-guide-page .mower-hero h1{color:#0f2443!important;text-shadow:none!important}
  body.mower-guide-page .mower-hero>div:first-child>p,
  body.mower-guide-page .mower-hero-grid>div:first-child>p,
  body.mower-guide-page .mower-hero__lead{color:#526378!important;text-shadow:none!important}
  body.mower-guide-page .mower-chip{
    background:#f5f9f6!important;
    border-color:rgba(28,76,47,.13)!important;
    color:#314a42!important;
    box-shadow:none!important;
  }
  body.mower-guide-page .mower-breadcrumb,
  body.mower-guide-page .mower-breadcrumb a{
    color:#526378!important;
    text-shadow:none!important;
  }
}

@media(max-width:520px){
  body.mower-guide-page .mower-hero h1{
    font-size:clamp(1.72rem,8.4vw,2.25rem)!important;
    line-height:1.08!important;
  }
}

/* ===== QUAMARO FINAL HERO LAYER START ===== */
/* QUAMARO final hero normalization v1
   Letzte Hero-Schicht im bestehenden Runtime-Bundle.
   Ziel: alle sichtbaren Seiten wirken wie die Startseite – heller Hero,
   Text links, eigenes Seitenbild rechts, klare Kontraste, keine Extra-Ladung. */

:root{
  --qu-hero-ink:#0f2443;
  --qu-hero-text:#526378;
  --qu-hero-accent:var(--q-theme-accent,#0a8c99);
  --qu-hero-bg:#f6f9fb;
  --qu-hero-line:rgba(15,36,67,.10);
  --qu-hero-image-bg:#eef3f1;
  --qu-hero-radius:30px;
  --qu-hero-media-radius:24px;
  --qu-hero-shadow:0 18px 46px rgba(15,36,67,.08);
}

/* Startseite ist die Referenz und wird hier bewusst nicht verändert. */
body.qsite-layout-v3:not(.qhome-v1){background:#fff}

/* -------------------------------------------------------------------------- */
/* Gemeinsame Desktop-Formsprache                                             */
/* -------------------------------------------------------------------------- */
@media(min-width:821px){
  body.qsite-layout-v3:not(.qhome-v1) :is(
    .qh-hero-grid,
    .rg-list-hero,
    .categories-hero__grid,
    .garden-hub-hero__grid,
    .garden-master-hero__grid,
    .category-hero__grid,
    .qg-hero-grid,
    .mower-hero,
    .qsys-hero-card,
    .beet-hero__grid,
    .pool-hero__grid,
    .q-terrace-hero,
    .q-infra-hero__stage,
    .hero-section .hero-grid,
    .article-hero
  ){
    width:min(1180px,calc(100% - 2rem))!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:clamp(2rem,3.2vw,2.75rem)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;
    gap:clamp(30px,4vw,48px)!important;
    align-items:center!important;
    min-height:0!important;
    overflow:visible!important;
    border:1px solid var(--qu-hero-line)!important;
    border-radius:var(--qu-hero-radius)!important;
    background:var(--qu-hero-bg)!important;
    box-shadow:var(--qu-hero-shadow)!important;
  }

  body.qsite-layout-v3:not(.qhome-v1) :is(
    .qh-hero,
    .categories-hero,
    .garden-hub-hero,
    .garden-master-hero,
    .qg-hero,
    .qsys-hero,
    .pool-hero,
    .hero-section
  ){
    padding:clamp(1.25rem,2.4vw,2rem) 0!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Ratgeber-Hubs ohne zusätzlichen Copy-Wrapper: Text fest links, Bild rechts. */
  body.qsite-page-guide-hub-route .rg-list-hero{
    grid-template-rows:auto auto 1fr!important;
  }
  body.qsite-page-guide-hub-route .rg-list-hero>.eyebrow{
    grid-column:1!important;grid-row:1!important;align-self:end!important;margin:0 0 .55rem!important;
  }
  body.qsite-page-guide-hub-route .rg-list-hero>h1{
    grid-column:1!important;grid-row:2!important;margin:.1rem 0 .8rem!important;
  }
  body.qsite-page-guide-hub-route .rg-list-hero>.rg-lead{
    grid-column:1!important;grid-row:3!important;margin:0!important;align-self:start!important;
  }
  body.qsite-page-guide-hub-route .rg-list-hero>.rg-list-hero-media{
    grid-column:2!important;grid-row:1/4!important;
  }

  /* Copy immer links. */
  body.qsite-layout-v3:not(.qhome-v1) :is(
    .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-grid>div:first-child,
    .qg-hero-copy,
    .mower-hero>div:first-child,
    .qsys-hero-copy,
    .beet-hero__copy,
    .pool-hero__grid>div:first-child,
    .q-terrace-hero__content,
    .q-infra-hero__copy,
    .hero-section .hero-grid>.questionnaire-intro,
    .hero-section .hero-grid>.hero-copy,
    .hero-section .hero-grid>.hero-content,
    .article-hero__copy
  ){
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom: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;
    color:var(--qu-hero-ink)!important;
    background:transparent!important;
  }

  /* Eigene Seitenbilder immer rechts als Bildkarte. */
  body.qsite-layout-v3:not(.qhome-v1) :is(
    .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,
    .mower-hero__visual,
    .qsys-hero-visual,
    .beet-hero__visual,
    .pool-hero__media,
    .q-terrace-hero__media,
    .q-infra-hero__media,
    .hero-section .hero-grid>.q-lawn-v3-hero-visual,
    .hero-section .hero-grid>.hero-photo,
    .hero-section .hero-grid>.hero-visual
  ){
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid var(--qu-hero-line)!important;
    border-radius:var(--qu-hero-media-radius)!important;
    background:var(--qu-hero-image-bg)!important;
    box-shadow:none!important;
  }

  body.qsite-layout-v3: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,
    .hero-section .hero-grid>.q-lawn-v3-hero-visual img,
    .hero-section .hero-grid>.hero-photo img,
    .hero-section .hero-grid>.hero-visual img
  ){
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:var(--q-hero-object-position,center center)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* Klassische Ratgeberartikel: Overlay vollständig entfernen. */
  body.qsite-page-article .article-hero{
    grid-template-rows:1fr!important;
  }
  body.qsite-page-article .article-hero::after{display:none!important}
  body.qsite-page-article .article-hero>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;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:var(--q-hero-object-position,center center)!important;
    border:1px solid var(--qu-hero-line)!important;
    border-radius:var(--qu-hero-media-radius)!important;
    background:var(--qu-hero-image-bg)!important;
    box-shadow:none!important;
  }

  /* Texte: nie wieder dunkle Schrift auf dunklem Hero. */
  body.qsite-layout-v3:not(.qhome-v1) :is(
    .qh-hero,
    .rg-list-hero,
    .categories-hero__grid,
    .garden-hub-hero__grid,
    .garden-master-hero__grid,
    .category-hero__grid,
    .qg-hero-grid,
    .mower-hero,
    .qsys-hero-card,
    .beet-hero__grid,
    .pool-hero__grid,
    .q-terrace-hero,
    .q-infra-hero__stage,
    .hero-section .hero-grid,
    .article-hero
  ) :is(h1,h2){
    color:var(--qu-hero-ink)!important;
    text-shadow:none!important;
  }
  body.qsite-layout-v3:not(.qhome-v1) :is(
    .qh-lead,.rg-lead,.categories-hero__lead,.garden-hub-hero__lead,
    .garden-master-hero__copy>p,.qg-lead,.mower-hero__lead,.qsys-hero-copy>p,
    .beet-hero__copy>p,.pool-hero__grid>div:first-child>p,.q-terrace-hero__lead,
    .q-infra-hero__copy>p,.hero-section .questionnaire-intro>p,
    .hero-section .hero-copy>p,.hero-section .hero-content>p,.article-hero .lead
  ){
    color:var(--qu-hero-text)!important;
    text-shadow:none!important;
  }
  body.qsite-layout-v3:not(.qhome-v1) :is(
    .qh-eyebrow,.rg-list-hero>.eyebrow,.categories-hero .eyebrow,.garden-hub-hero .eyebrow,
    .garden-master-hero .eyebrow,.category-hero .eyebrow,.qg-eyebrow,.qg-hero .eyebrow,
    .mower-hero .eyebrow,.qsys-eyebrow,.beet-hero .eyebrow,.pool-hero .eyebrow,
    .q-terrace-hero .eyebrow,.q-infra-hero .eyebrow,.hero-section .eyebrow,.article-hero .eyebrow
  ){
    color:var(--qu-hero-accent)!important;
    text-shadow:none!important;
  }

  /* Chips wie auf der Startseite. */
  body.qsite-layout-v3:not(.qhome-v1) :is(
    .qh-pill,.trust-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
  ){
    background:#fff!important;
    border:1px solid var(--qu-hero-line)!important;
    color:#314a42!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
}

/* -------------------------------------------------------------------------- */
/* Mobile/Tablet: gleiche helle Karte, Copy oben, eigenes Bild darunter        */
/* -------------------------------------------------------------------------- */
@media(max-width:820px){
  body.qsite-layout-v3:not(.qhome-v1) :is(
    .qh-hero,
    .categories-hero,
    .garden-hub-hero,
    .garden-master-hero,
    .qg-hero,
    .qsys-hero,
    .pool-hero,
    .hero-section
  ){
    padding:.75rem 0 1rem!important;
    background:#fff!important;
    border:0!important;
  }

  body.qsite-layout-v3:not(.qhome-v1) :is(
    .qh-hero-grid,
    .rg-list-hero,
    .categories-hero__grid,
    .garden-hub-hero__grid,
    .garden-master-hero__grid,
    .category-hero__grid,
    .qg-hero-grid,
    .mower-hero,
    .qsys-hero-card,
    .beet-hero__grid,
    .pool-hero__grid,
    .q-terrace-hero,
    .q-infra-hero__stage,
    .hero-section .hero-grid,
    .article-hero
  ){
    position:relative!important;
    width:calc(100% - 1rem)!important;
    max-width:1180px!important;
    min-height:0!important;
    margin:.5rem auto 1rem!important;
    padding:1rem!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    gap:.8rem!important;
    overflow:hidden!important;
    border:1px solid var(--qu-hero-line)!important;
    border-radius:20px!important;
    background:var(--qu-hero-bg)!important;
    box-shadow:0 10px 28px rgba(15,36,67,.07)!important;
  }

  body.qsite-layout-v3:not(.qhome-v1) :is(
    .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-grid>div:first-child,
    .qg-hero-copy,
    .mower-hero>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,
    .hero-section .hero-grid>.questionnaire-intro,
    .hero-section .hero-grid>.hero-copy,
    .hero-section .hero-grid>.hero-content,
    .article-hero__copy
  ){
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    grid-column:1!important;
    grid-row:1!important;
    order:1!important;
    width:auto!important;
    min-height:0!important;
    padding:0!important;
    color:var(--qu-hero-ink)!important;
    background:transparent!important;
  }

  body.qsite-page-guide-hub-route .rg-list-hero>.eyebrow,
  body.qsite-page-guide-hub-route .rg-list-hero>h1,
  body.qsite-page-guide-hub-route .rg-list-hero>.rg-lead,
  body.qsite-page-guide-hub-route .rg-list-hero>.rg-list-hero-media{
    grid-column:1!important;
    grid-row:auto!important;
  }

  body.qsite-layout-v3:not(.qhome-v1) :is(
    .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,
    .mower-hero__visual,
    .qsys-hero-visual,
    .beet-hero__visual,
    .pool-hero__media,
    .q-terrace-hero__media,
    .q-infra-hero__media,
    .q-mower-hero__media,
    .hero-section .hero-grid>.q-lawn-v3-hero-visual,
    .hero-section .hero-grid>.hero-photo,
    .hero-section .hero-grid>.hero-visual
  ){
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    grid-column:1!important;
    grid-row:2!important;
    order:2!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid var(--qu-hero-line)!important;
    border-radius:16px!important;
    background:var(--qu-hero-image-bg)!important;
    box-shadow:none!important;
  }

  body.qsite-layout-v3: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,
    .hero-section .hero-grid>.q-lawn-v3-hero-visual img,
    .hero-section .hero-grid>.hero-photo img,
    .hero-section .hero-grid>.hero-visual img
  ){
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:var(--q-hero-object-position,center center)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  body.qsite-page-article .article-hero::after{display:none!important}
  body.qsite-page-article .article-hero>img{
    position:relative!important;
    inset:auto!important;
    grid-column:1!important;
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    border:1px solid var(--qu-hero-line)!important;
    border-radius:16px!important;
  }
  body.qsite-page-article .article-hero__copy{grid-row:1!important}

  body.qsite-layout-v3:not(.qhome-v1) :is(
    .qh-hero,.rg-list-hero,.categories-hero__grid,.garden-hub-hero__grid,
    .garden-master-hero__grid,.category-hero__grid,.qg-hero-grid,.mower-hero,
    .qsys-hero-card,.beet-hero__grid,.pool-hero__grid,.q-terrace-hero,
    .q-infra-hero__stage,.hero-section .hero-grid,.article-hero
  ) :is(h1,h2){
    color:var(--qu-hero-ink)!important;
    text-shadow:none!important;
  }
  body.qsite-layout-v3:not(.qhome-v1) :is(
    .qh-lead,.rg-lead,.categories-hero__lead,.garden-hub-hero__lead,
    .garden-master-hero__copy>p,.qg-lead,.mower-hero__lead,.qsys-hero-copy>p,
    .beet-hero__copy>p,.pool-hero__grid>div:first-child>p,.q-terrace-hero__lead,
    .q-infra-hero__copy>p,.hero-section .questionnaire-intro>p,
    .hero-section .hero-copy>p,.hero-section .hero-content>p,.article-hero .lead
  ){
    color:var(--qu-hero-text)!important;
    text-shadow:none!important;
  }
  body.qsite-layout-v3:not(.qhome-v1) :is(
    .qh-eyebrow,.rg-list-hero>.eyebrow,.categories-hero .eyebrow,.garden-hub-hero .eyebrow,
    .garden-master-hero .eyebrow,.category-hero .eyebrow,.qg-eyebrow,.qg-hero .eyebrow,
    .mower-hero .eyebrow,.qsys-eyebrow,.beet-hero .eyebrow,.pool-hero .eyebrow,
    .q-terrace-hero .eyebrow,.q-infra-hero .eyebrow,.hero-section .eyebrow,.article-hero .eyebrow
  ){
    color:var(--qu-hero-accent)!important;
    text-shadow:none!important;
  }

  body.qsite-layout-v3:not(.qhome-v1) :is(
    .qh-pill,.trust-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
  ){
    background:#fff!important;
    border:1px solid var(--qu-hero-line)!important;
    color:#314a42!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
}
/* ===== QUAMARO FINAL HERO LAYER END ===== */