/* QUAMARO Schritt 3 – Rasenbereich v1 · 2026-08-31 */
body.q-lawn-v3{
  --ql-green:#2f744d;
  --ql-green-dark:#22563a;
  --ql-green-soft:#edf7f0;
  --ql-ink:#173f31;
  --ql-muted:#64766d;
  --ql-line:rgba(23,63,49,.12);
  --ql-shadow:0 10px 30px rgba(25,69,48,.07);
}
.q-lawn-v3 .questionnaire-shell{max-width:1120px}
.q-lawn-v3 .hero-section{padding:22px 20px 14px}
.q-lawn-v3 .hero-grid{
  min-height:285px;
  border-radius:20px;
  overflow:hidden;
  box-shadow:var(--ql-shadow);
}
.q-lawn-v3 .questionnaire-intro{padding:26px 30px}
.q-lawn-v3 .questionnaire-intro h1{
  font-size:clamp(1.8rem,3vw,2.75rem);
  line-height:1.04;
  margin:.25rem 0 .7rem;
}
.q-lawn-v3 .questionnaire-intro>p:not(.eyebrow):not(.site-note){
  max-width:650px;
  font-size:.94rem;
  line-height:1.48;
}
.q-lawn-v3 .hero-photo{min-height:285px}
.q-lawn-v3 .trust-row{gap:6px;margin-top:13px}
.q-lawn-v3 .trust-pill{padding:5px 9px;font-size:.72rem}

.q-lawn-v3 main>.section:first-child{
  padding-top:22px;
  padding-bottom:12px;
}
.q-lawn-v3 main>.section:first-child .section-heading{margin-bottom:11px}
.q-lawn-v3 main>.section:first-child .section-heading h2{
  font-size:1.38rem;
  margin:.15rem 0 .35rem;
}
.q-lawn-v3 main>.section:first-child .section-heading p:last-child{
  font-size:.84rem;
  line-height:1.45;
}
.q-lawn-v3 main>.section:first-child .banner-grid{
  gap:8px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.q-lawn-v3 main>.section:first-child .highlight-card{
  min-height:0;
  padding:12px 13px;
  border-radius:13px;
}
.q-lawn-v3 main>.section:first-child .highlight-card strong{font-size:.82rem}
.q-lawn-v3 main>.section:first-child .highlight-card p{
  margin:.25rem 0 0;
  font-size:.73rem;
  line-height:1.38;
}

/* Three lawn modes as compact tabs */
.q-lawn-v3 .service-switch{
  position:sticky;
  top:66px;
  z-index:30;
  max-width:1120px;
  margin:8px auto 14px;
  padding:5px;
  gap:5px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);
  border:1px solid var(--ql-line);
  border-radius:15px;
  box-shadow:0 7px 20px rgba(25,69,48,.06);
}
.q-lawn-v3 .service-option{
  min-height:58px;
  padding:8px 10px;
  border:0;
  border-radius:11px;
  background:transparent;
  box-shadow:none;
}
.q-lawn-v3 .service-option:hover{background:#f6faf7}
.q-lawn-v3 .service-option.active{
  background:var(--ql-green-soft);
  box-shadow:inset 0 0 0 1px rgba(47,116,77,.16);
}
.q-lawn-v3 .service-option .card-icon{
  width:31px;height:31px;min-width:31px;border-radius:9px
}
.q-lawn-v3 .service-option strong{font-size:.78rem}
.q-lawn-v3 .service-option small{
  font-size:.67rem;
  line-height:1.3;
  margin-top:2px
}

/* Main card */
.q-lawn-v3 .questionnaire-card{
  border-radius:18px;
  padding:20px;
  box-shadow:var(--ql-shadow);
}
.q-lawn-v3 .questionnaire-card>h2{
  margin:.15rem 0 .35rem;
  font-size:1.45rem
}
.q-lawn-v3 .questionnaire-card>p:not(.eyebrow){
  font-size:.82rem;
  line-height:1.45
}

/* Wizard */
.q-lawn-stepper{
  display:grid;
  grid-template-columns:repeat(var(--q-lawn-steps,3),1fr);
  gap:5px;
  margin:16px 0 14px;
  padding:5px;
  border-radius:13px;
  background:#f3f7f4;
}
.q-lawn-step{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:38px;
  padding:6px 8px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#6e7e76;
  font:inherit;
  font-size:.7rem;
  font-weight:800;
  cursor:pointer
}
.q-lawn-step b{
  display:grid;place-items:center;
  width:21px;height:21px;border-radius:999px;
  background:#e3ebe5;
  font-size:.65rem
}
.q-lawn-step.is-current{background:#fff;color:var(--ql-green-dark);box-shadow:0 3px 10px rgba(23,63,49,.06)}
.q-lawn-step.is-current b{background:var(--ql-green);color:#fff}
.q-lawn-step.is-done b{background:#dcefe2;color:#247047}

.q-lawn-v3 form .form-grid{
  gap:10px 12px;
}
.q-lawn-v3 form .form-field,
.q-lawn-v3 form .field{
  padding:0;
}
.q-lawn-v3 form .form-field label,
.q-lawn-v3 form .field>label{
  font-size:.78rem;
  line-height:1.35;
  margin-bottom:5px;
}
.q-lawn-v3 form .form-field label span{font-size:.63rem}
.q-lawn-v3 form select,
.q-lawn-v3 form input:not([type=checkbox]):not([type=radio]):not([type=file]),
.q-lawn-v3 form textarea{
  min-height:39px;
  font-size:.78rem;
}
.q-lawn-v3 form textarea{min-height:100px}
.q-lawn-v3 form .site-note,
.q-lawn-v3 form small{font-size:.68rem;line-height:1.35}

.q-lawn-v3 [data-q-lawn-field][hidden]{display:none!important}
.q-lawn-wizard-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--ql-line)
}
.q-lawn-wizard-actions .button{
  min-height:36px;
  padding:7px 12px;
  font-size:.76rem
}
.q-lawn-wizard-progress{
  color:var(--ql-muted);
  font-size:.7rem;
  font-weight:700
}
.q-lawn-v3 form>.question-actions.q-lawn-native-submit-hidden{display:none!important}

/* Analysis upload / privacy */
.q-lawn-v3 .file-input{padding:9px!important}
.q-lawn-v3 .preview{border-radius:12px;padding:9px}
.q-lawn-v3 .privacy-panel{
  padding:13px;
  border-radius:13px;
}
.q-lawn-v3 .privacy-panel__title{font-size:.86rem}
.q-lawn-v3 .privacy-panel__intro,
.q-lawn-v3 .privacy-consent__text,
.q-lawn-v3 .privacy-consent__meta{font-size:.7rem;line-height:1.4}

/* Results */
.q-lawn-v3 .result-card{
  padding:19px;
  border-radius:18px;
  box-shadow:var(--ql-shadow)
}
.q-lawn-v3 .result-header{
  margin-bottom:12px;
  padding-bottom:12px
}
.q-lawn-v3 .result-header h2{font-size:1.45rem}
.q-lawn-v3 .result-header p{font-size:.8rem;line-height:1.43}
.q-lawn-v3 .result-score{
  min-width:93px;
  padding:9px 10px;
  border-radius:12px
}
.q-lawn-v3 .result-score strong{font-size:1.1rem}
.q-lawn-v3 .quantity-banner{
  margin:10px 0;
  gap:6px
}
.q-lawn-v3 .quantity-banner>div{
  padding:9px 10px;
  border-radius:11px
}
.q-lawn-v3 .quantity-banner strong{font-size:.93rem}
.q-lawn-v3 .quantity-banner span{font-size:.65rem}

/* Generic result accordions for lawn planning/photo analysis */
.q-lawn-result-stack{
  display:grid;
  gap:8px;
  margin:11px 0
}
.q-lawn-result-details{
  overflow:hidden;
  border:1px solid var(--ql-line);
  border-radius:13px;
  background:#fff
}
.q-lawn-result-details>summary{
  position:relative;
  list-style:none;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:50px;
  padding:11px 42px 11px 12px;
  cursor:pointer;
  font-size:.78rem;
  font-weight:850;
  color:var(--ql-ink);
  background:linear-gradient(180deg,#fff,#fbfdfb)
}
.q-lawn-result-details>summary::-webkit-details-marker{display:none}
.q-lawn-result-details>summary::after{
  content:"";
  position:absolute;
  right:17px;
  top:50%;
  width:8px;height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-65%) rotate(45deg);
  transition:.15s ease
}
.q-lawn-result-details[open]>summary::after{
  transform:translateY(-35%) rotate(225deg)
}
.q-lawn-result-details__icon{
  display:grid;place-items:center;
  width:28px;height:28px;
  border-radius:8px;
  background:var(--ql-green-soft)
}
.q-lawn-result-details__body{
  padding:4px 13px 13px;
  border-top:1px solid rgba(23,63,49,.07)
}
.q-lawn-result-details__body>.result-main,
.q-lawn-result-details__body>.result-side,
.q-lawn-result-details__body>.product-section{
  margin:0!important;
  padding:8px 0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important
}
.q-lawn-result-details__body>.result-main>h3,
.q-lawn-result-details__body>.result-side>h3,
.q-lawn-result-details__body>.product-section>h3,
.q-lawn-result-details__body>.product-section>.eyebrow{
  display:none!important
}
.q-lawn-v3 .result-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px
}
.q-lawn-v3 .result-actions .button{
  min-height:36px;
  padding:7px 11px;
  font-size:.73rem
}
.q-lawn-project-link{
  margin-left:auto;
  text-decoration:none!important
}

/* Existing Rasen-Check dropdowns: align with v3 */
.q-lawn-v3 #checkResult .qrc-result-stack{gap:8px!important;margin-top:10px!important}
.q-lawn-v3 #checkResult .qrc-result-details{
  border-radius:13px!important;
  box-shadow:none!important
}
.q-lawn-v3 #checkResult .qrc-result-details>summary{
  min-height:50px!important;
  padding:11px 42px 11px 12px!important
}
.q-lawn-v3 #checkResult .qrc-result-details__icon{
  width:28px!important;height:28px!important;border-radius:8px!important
}
.q-lawn-v3 #checkResult .qrc-result-details__copy strong{font-size:.78rem!important}
.q-lawn-v3 #checkResult .qrc-result-details__copy small{font-size:.67rem!important}
.q-lawn-v3 #checkResult .qrc-result-details__content{padding:3px 13px 13px!important}

/* FAQ / content after result less dominant */
.q-lawn-v3 #rasenanalyse-faq{margin-top:18px}
.q-lawn-v3 #rasenanalyse-faq details{
  border-radius:11px;
  margin-top:6px
}
.q-lawn-v3 #rasenanalyse-faq summary{padding:10px 12px;font-size:.76rem}

@media(max-width:900px){
  .q-lawn-v3 main>.section:first-child .banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .q-lawn-v3 .service-switch{top:62px}
}
@media(max-width:720px){
  .q-lawn-v3 .hero-section{padding:10px 10px 7px}
  .q-lawn-v3 .hero-grid{min-height:0;border-radius:15px}
  .q-lawn-v3 .questionnaire-intro{padding:18px 17px}
  .q-lawn-v3 .questionnaire-intro h1{font-size:1.65rem}
  .q-lawn-v3 .hero-photo{min-height:180px}
  .q-lawn-v3 main>.section:first-child .banner-grid{grid-template-columns:1fr 1fr}
  .q-lawn-v3 main>.section:first-child .highlight-card{padding:10px}
  .q-lawn-v3 main>.section:first-child .highlight-card p{font-size:.69rem}
  .q-lawn-v3 .service-switch{
    position:relative;top:auto;
    display:grid;grid-template-columns:1fr;
    margin:6px 0 11px;padding:4px
  }
  .q-lawn-v3 .service-option{min-height:50px;padding:7px 9px}
  .q-lawn-v3 .service-option small{display:none}
  .q-lawn-v3 .questionnaire-card,.q-lawn-v3 .result-card{padding:14px;border-radius:15px}
  .q-lawn-stepper{gap:3px}
  .q-lawn-step{padding:5px 3px;font-size:.62rem;gap:4px}
  .q-lawn-step b{width:19px;height:19px}
  .q-lawn-v3 form .form-grid{grid-template-columns:1fr}
  .q-lawn-v3 [data-q-lawn-field]{grid-column:1/-1!important}
  .q-lawn-wizard-actions{align-items:stretch}
  .q-lawn-wizard-progress{align-self:center;text-align:center}
  .q-lawn-v3 .result-actions .button,.q-lawn-project-link{flex:1 1 46%;text-align:center}
}
@media(max-width:430px){
  .q-lawn-v3 main>.section:first-child .banner-grid{grid-template-columns:1fr}
  .q-lawn-step span{display:none}
  .q-lawn-step{min-height:34px}
}
@media print{
  .q-lawn-stepper,.q-lawn-wizard-actions,.q-lawn-project-link{display:none!important}
  .q-lawn-v3 [data-q-lawn-field][hidden]{display:block!important}
  .q-lawn-result-details>summary{display:none!important}
  .q-lawn-result-details__body{display:block!important;border:0;padding:0}
}


/* =========================================================
   QUAMARO Schritt 3 v2 – sauberer Wizard + Hero wie Gesamtgarten
   ========================================================= */

.q-lawn-v3 .hero-section{
  width:min(1240px,calc(100% - 32px));
  margin:18px auto 8px;
  padding:0!important;
}
.q-lawn-v3 .hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)!important;
  min-height:335px!important;
  max-height:390px;
  overflow:hidden;
  border:1px solid rgba(31,78,51,.10);
  border-radius:20px!important;
  background:#fff;
  box-shadow:0 16px 42px rgba(24,68,45,.08);
}
.q-lawn-v3 .questionnaire-intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:30px 36px!important;
  background:linear-gradient(135deg,#f3f8f1 0%,#fff 72%);
}
.q-lawn-v3 .questionnaire-intro .eyebrow{
  margin-bottom:6px;
  color:#34744a;
}
.q-lawn-v3 .questionnaire-intro h1{
  max-width:670px;
  font-size:clamp(1.85rem,2.75vw,2.85rem)!important;
  line-height:1.03!important;
}
.q-lawn-v3 .questionnaire-intro>p:not(.eyebrow):not(.site-note){
  max-width:650px;
  margin-bottom:12px;
  font-size:.88rem!important;
}
.q-lawn-v3 .trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px!important;
}
.q-lawn-v3 .trust-pill{
  border:1px solid rgba(47,116,77,.11);
  background:#fff;
  color:#345d42;
  box-shadow:none;
}
.q-lawn-v3-hero-visual{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#dbe8d7;
}
.q-lawn-v3-hero-visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center 56%;
}
.q-lawn-v3-hero-visual::after{
  display:none;
  content:none;
}
.q-lawn-v3-hero-caption{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:calc(100% - 28px);
  padding:7px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(7px);
  color:#244d33;
  font-size:.69rem;
  font-weight:800;
  box-shadow:0 6px 18px rgba(20,57,34,.10);
}

.q-lawn-v3 .questionnaire-card{
  max-width:1120px;
  margin-inline:auto;
}
.q-lawn-v3 .questionnaire-card form{
  margin-top:13px;
}
.q-lawn-v3 .questionnaire-card form .form-grid{
  align-items:start;
}
.q-lawn-v3 .questionnaire-card form [data-q-lawn-field]{
  align-self:start;
}

/* native Submit bleibt nur technisch vorhanden */
.q-lawn-v3 .q-lawn-native-submit-field{
  display:none!important;
}
.q-lawn-v3 .q-lawn-wizard-actions [hidden]{
  display:none!important;
}
.q-lawn-v3 .q-lawn-wizard-actions{
  min-height:50px;
}
.q-lawn-v3 .q-lawn-wizard-actions [data-q-lawn-prev]{
  min-width:86px;
}
.q-lawn-v3 .q-lawn-wizard-actions [data-q-lawn-next]{
  min-width:104px;
}
.q-lawn-v3 .q-lawn-wizard-actions [data-q-lawn-prev][hidden] ~ [data-q-lawn-next]{
  margin-left:auto;
}

.q-lawn-v3 #fotoVorschauWrap[hidden]{
  display:none!important;
}
.q-lawn-v3 #fotoVorschauWrap{
  margin-top:10px;
  padding:10px;
  border-radius:12px;
  gap:11px;
}
.q-lawn-v3 #fotoVorschauWrap img{
  width:104px;
  height:76px;
  border-radius:9px;
}

.q-lawn-v3 .privacy-panel{
  max-width:none;
  padding:14px!important;
}
.q-lawn-v3 .privacy-panel__header{
  margin-bottom:9px;
}
.q-lawn-v3 .privacy-panel__icon{
  width:36px;
  height:36px;
  border-radius:10px;
}
.q-lawn-v3 .privacy-consent__label{
  grid-template-columns:20px minmax(0,1fr);
  gap:9px;
  padding:12px!important;
  border-radius:12px!important;
}
.q-lawn-v3 .privacy-consent__label input{
  width:18px;
  height:18px;
}
.q-lawn-v3 .privacy-consent__text{
  font-size:.69rem!important;
  line-height:1.47!important;
}
.q-lawn-v3 .privacy-consent__meta{
  margin-top:8px!important;
  font-size:.66rem!important;
}

@media(max-width:900px){
  .q-lawn-v3 .hero-grid{
    grid-template-columns:1fr 42%!important;
  }
  .q-lawn-v3 .questionnaire-intro{
    padding:25px 27px!important;
  }
}
@media(max-width:720px){
  .q-lawn-v3 .hero-section{
    width:calc(100% - 20px);
    margin-top:10px;
  }
  .q-lawn-v3 .hero-grid{
    grid-template-columns:1fr!important;
    max-height:none;
  }
  .q-lawn-v3 .questionnaire-intro{
    padding:20px 18px!important;
  }
  .q-lawn-v3-hero-visual,
  .q-lawn-v3-hero-visual img{
    min-height:190px;
    height:190px;
  }
  .q-lawn-v3-hero-visual img{
    object-position:center 60%;
  }
}


/* =========================================================
   QUAMARO Schritt 3 v3
   - alle 3 Rasenformulare auf einer Seite
   - Hero-Bild über die komplette Fläche
   - Ergebnisse als echte, einheitliche Dropdowns
   ========================================================= */

/* Alte Wizard-Elemente konsequent deaktivieren */
.q-lawn-v3 .q-lawn-stepper,
.q-lawn-v3 .q-lawn-wizard-actions{
  display:none!important;
}
.q-lawn-v3 [data-q-lawn-field][hidden]{
  display:block!important;
}
.q-lawn-v3 .q-lawn-native-submit-field{
  display:block!important;
}
.q-lawn-v3 .q-lawn-native-submit-hidden{
  display:flex!important;
}

/* ===== Hero: Bild über die komplette Breite ===== */
.q-lawn-v3 .hero-section{
  width:min(1240px,calc(100% - 32px));
  margin:18px auto 8px;
  padding:0!important;
}
.q-lawn-v3 .hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(1.2rem,3vw,2.4rem);
  min-height:0;
  max-height:none;
  overflow:visible;
  border:1px solid rgba(31,78,51,.11);
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 42px rgba(24,68,45,.09);
}
.q-lawn-v3-hero-visual{
  position:relative;
  inset:auto;
  z-index:1;
  min-width:0;
  min-height:0;
  max-height:420px;
  overflow:hidden;
}
.q-lawn-v3-hero-visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center 57%;
}
.q-lawn-v3-hero-visual::after{
  display:none;
  content:none;
}
.q-lawn-v3 .questionnaire-intro{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:auto;
  max-width:none;
  min-width:0;
  min-height:0;
  padding:0;
  background:transparent;
}
.q-lawn-v3 .questionnaire-intro h1{
  max-width:600px;
  font-size:clamp(1.9rem,2.75vw,2.85rem)!important;
  line-height:1.03!important;
  text-wrap:balance;
}
.q-lawn-v3 .questionnaire-intro>p:not(.eyebrow):not(.site-note){
  max-width:575px;
  font-size:.88rem!important;
  line-height:1.48!important;
}
.q-lawn-v3 .trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px!important;
  max-width:575px;
}
.q-lawn-v3 .trust-pill{
  padding:5px 9px!important;
  border:1px solid rgba(47,116,77,.13);
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(5px);
  color:#315940;
  box-shadow:none!important;
}
.q-lawn-v3-hero-caption{
  position:absolute;
  z-index:3;
  right:14px;
  bottom:14px;
  left:auto!important;
  max-width:41%;
  padding:7px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(7px);
  color:#244d33;
  font-size:.68rem;
  font-weight:800;
  box-shadow:0 6px 18px rgba(20,57,34,.10);
}

/* ===== Alle Fragen direkt sichtbar ===== */
.q-lawn-v3 .questionnaire-card{
  max-width:1120px;
  margin-inline:auto;
  padding:18px 20px!important;
}
.q-lawn-v3 .questionnaire-card>h2{
  font-size:1.35rem!important;
}
.q-lawn-v3 .questionnaire-card form{
  margin-top:13px;
}
.q-lawn-v3 .questionnaire-card .form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px 13px!important;
  align-items:start;
}
.q-lawn-v3 .questionnaire-card .form-field.full,
.q-lawn-v3 .questionnaire-card .field.full,
.q-lawn-v3 .questionnaire-card .privacy-panel{
  grid-column:1/-1;
}
.q-lawn-v3 .questionnaire-card .question-actions{
  display:flex!important;
  justify-content:flex-end;
  margin-top:14px!important;
  padding-top:12px;
  border-top:1px solid rgba(23,63,49,.10);
}
.q-lawn-v3 .questionnaire-card .question-actions .button{
  min-height:38px;
  padding:8px 14px;
  font-size:.78rem;
}

/* Fotovorschau nur sichtbar, wenn native Logik sie einblendet */
.q-lawn-v3 #fotoVorschauWrap[hidden]{
  display:none!important;
}
.q-lawn-v3 #fotoVorschauWrap{
  margin:3px 0 0;
  padding:9px;
  border-radius:12px;
}
.q-lawn-v3 #fotoVorschauWrap img{
  width:105px;
  height:76px;
  object-fit:cover;
  border-radius:9px;
}

/* Datenschutz kompakter, aber vollständig sichtbar */
.q-lawn-v3 .privacy-panel{
  padding:13px!important;
  border-radius:13px!important;
}
.q-lawn-v3 .privacy-panel__header{
  margin-bottom:8px!important;
}
.q-lawn-v3 .privacy-consent__label{
  padding:11px 12px!important;
  border-radius:11px!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  gap:9px!important;
}
.q-lawn-v3 .privacy-consent__label input{
  width:18px!important;
  height:18px!important;
}
.q-lawn-v3 .privacy-consent__text{
  font-size:.69rem!important;
  line-height:1.45!important;
}

/* ===== Ergebnis: nur Header/Kennzahlen offen, Rest als Dropdown ===== */
.q-lawn-v3 .result-card{
  max-width:1120px;
  margin-inline:auto;
}
.q-lawn-accordion-stack{
  display:grid;
  gap:8px;
  margin:12px 0;
}
.q-lawn-accordion{
  overflow:hidden;
  margin:0!important;
  border:1px solid rgba(23,63,49,.13);
  border-radius:13px;
  background:#fff;
  box-shadow:none!important;
}
.q-lawn-accordion>summary{
  position:relative;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:51px;
  padding:10px 43px 10px 12px;
  list-style:none;
  cursor:pointer;
  background:linear-gradient(180deg,#fff,#fbfdfb);
  color:#173f31;
}
.q-lawn-accordion>summary::-webkit-details-marker{display:none}
.q-lawn-accordion>summary::marker{content:""}
.q-lawn-accordion>summary::after{
  content:"";
  position:absolute;
  right:17px;
  top:50%;
  width:8px;height:8px;
  border-right:2px solid #4f6658;
  border-bottom:2px solid #4f6658;
  transform:translateY(-68%) rotate(45deg);
  transition:transform .16s ease;
}
.q-lawn-accordion[open]>summary::after{
  transform:translateY(-30%) rotate(225deg);
}
.q-lawn-accordion__icon{
  display:grid;
  place-items:center;
  width:29px;height:29px;
  border-radius:8px;
  background:#edf7f0;
  font-size:.86rem;
}
.q-lawn-accordion__copy strong{
  display:block;
  font-size:.79rem;
  line-height:1.25;
}
.q-lawn-accordion__copy small{
  display:block;
  margin-top:2px;
  color:#6b7c72;
  font-size:.66rem;
  line-height:1.3;
}
.q-lawn-accordion__body{
  padding:4px 13px 13px;
  border-top:1px solid rgba(23,63,49,.07);
}
.q-lawn-accordion__body>.result-main,
.q-lawn-accordion__body>.result-side,
.q-lawn-accordion__body>.product-section,
.q-lawn-accordion__body>.check-targets-section,
.q-lawn-accordion__body>.disclaimer{
  margin:0!important;
  padding:9px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.q-lawn-accordion__body>.result-main>h3,
.q-lawn-accordion__body>.result-side>h3,
.q-lawn-accordion__body>.product-section>h3,
.q-lawn-accordion__body>.product-section>.eyebrow,
.q-lawn-accordion__body>.check-targets-section>h3{
  display:none!important;
}
.q-lawn-accordion__body .affiliate-recommendations{
  margin-top:8px!important;
}

/* AI-Analyse wird in einzelne thematische Dropdowns zerlegt */
.q-lawn-analysis-section{
  padding:4px 0 2px;
}
.q-lawn-analysis-section>:first-child{margin-top:0!important}
.q-lawn-analysis-section>:last-child{margin-bottom:0!important}
.q-lawn-analysis-section h4{
  margin:14px 0 7px!important;
  font-size:.88rem!important;
  border:0!important;
}
.q-lawn-analysis-section p,
.q-lawn-analysis-section li{
  font-size:.76rem;
  line-height:1.52;
}

/* Alte Stack-Container dürfen nicht zusätzlich layouten */
.q-lawn-v3 .qrc-result-stack,
.q-lawn-v3 .qrc-result-details,
.q-lawn-v3 .q-lawn-result-stack,
.q-lawn-v3 .q-lawn-result-details{
  all:unset;
}

/* Actions */
.q-lawn-v3 .result-actions{
  padding-top:11px;
  border-top:1px solid rgba(23,63,49,.09);
}
.q-lawn-v3 .q-lawn-project-link{
  margin-left:auto;
}

@media(max-width:900px){
  .q-lawn-v3 .hero-grid{
    grid-template-columns:1fr;
  }
  .q-lawn-v3 .questionnaire-intro{
    width:auto;
    order:1;
  }
  .q-lawn-v3-hero-visual{
    order:2;
    max-height:none;
  }
}
@media(max-width:820px){
  .q-lawn-v3-hero-caption{
    display:none;
  }
}
@media(max-width:720px){
  .q-lawn-v3 .hero-section{
    width:calc(100% - 20px);
    margin-top:10px;
  }
  .q-lawn-v3 .hero-grid{
    min-height:0;
  }
  .q-lawn-v3-hero-visual img{
    min-height:0;
    object-position:64% center;
  }
  .q-lawn-v3 .questionnaire-intro{
    width:100%;
    min-height:0;
    justify-content:flex-start;
    padding:0;
  }
  .q-lawn-v3 .questionnaire-intro h1{
    font-size:clamp(1.65rem,8vw,2.2rem)!important;
  }
  .q-lawn-v3-hero-caption{
    display:none;
  }
  .q-lawn-v3 .questionnaire-card .form-grid{
    grid-template-columns:1fr!important;
  }
  .q-lawn-v3 .questionnaire-card .form-field,
  .q-lawn-v3 .questionnaire-card .field,
  .q-lawn-v3 .questionnaire-card .privacy-panel{
    grid-column:1!important;
  }
}


/* =========================================================
   Rasen Ergebnis-Fix v6
   - alle Dropdowns untereinander
   - Werkzeuge unter „Passende Produkte“
   ========================================================= */

/* Der alte Ergebnis-Grid darf die Dropdowns nicht mehr nebeneinander legen. */
.q-lawn-v3 .result-card .result-grid{
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
}
.q-lawn-v3 .result-card .result-grid > *{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

/* Jedes von der Rasenlogik erzeugte Dropdown nimmt eine komplette Zeile ein. */
.q-lawn-v3 .result-card details[data-q-lawn-owned="1"]{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 8px!important;
  box-sizing:border-box;
}
.q-lawn-v3 .result-card details[data-q-lawn-owned="1"]:last-child{
  margin-bottom:0!important;
}

/* Auch Dropdowns außerhalb des alten Grids immer vertikal. */
.q-lawn-v3 .result-card > details[data-q-lawn-owned="1"],
.q-lawn-v3 .result-card .product-section > details[data-q-lawn-owned="1"]{
  width:100%!important;
}

/* Mengenbox innerhalb des Dropdowns darf weiterhin mehrere Kennzahlen zeigen,
   aber der Dropdown selbst bleibt eine volle Zeile. */
.q-lawn-v3 .result-card details[data-q-lawn-owned="1"] .quantity-banner{
  width:100%!important;
}

/* Werkzeugbereich innerhalb „Passende Produkte“. */
.q-lawn-tools-block{
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid rgba(23,63,49,.10);
}
.q-lawn-tools-block__head{
  margin-bottom:9px;
}
.q-lawn-tools-block__head .eyebrow{
  margin:0 0 3px!important;
  font-size:.63rem!important;
}
.q-lawn-tools-block__head h4{
  margin:0!important;
  color:#173f31;
  font-size:.87rem!important;
  line-height:1.3;
}
.q-lawn-tools-block__head p{
  margin:4px 0 0!important;
  color:#65766c;
  font-size:.69rem!important;
  line-height:1.42;
}
.q-lawn-tools-fallback{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
}
.q-lawn-tool-fallback-card{
  display:grid;
  grid-template-columns:31px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:9px 10px;
  border:1px solid rgba(23,63,49,.10);
  border-radius:11px;
  background:#fafcfb;
}
.q-lawn-tool-fallback-card__icon{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:8px;
  background:#edf7f0;
  font-size:.9rem;
}
.q-lawn-tool-fallback-card strong{
  display:block;
  margin:0 0 2px;
  color:#173f31;
  font-size:.75rem;
}
.q-lawn-tool-fallback-card p{
  margin:0!important;
  color:#65766c;
  font-size:.67rem!important;
  line-height:1.4;
}
.q-lawn-tool-render{
  margin-top:7px;
}
.q-lawn-tool-render:empty{
  display:none;
}

/* Falls QUAMARO_TOOLS eigene Mehrspalten-Layouts ausgibt:
   auf der Ergebnis-Seite ebenfalls sauber untereinander. */
.q-lawn-tools-block .tool-grid,
.q-lawn-tools-block .qtool-grid,
.q-lawn-tools-block [class*="tool-grid"],
.q-lawn-tools-block [class*="tools-grid"]{
  grid-template-columns:1fr!important;
}

/* Ergebnis-Aktionen danach ebenfalls in eigener Zeile. */
.q-lawn-v3 .result-actions{
  clear:both;
  width:100%;
}


/* =========================================================
   Werkzeuglogik v7 – alte QUAMARO-Systematik
   Must-have · Nützlich · Optional
   ========================================================= */

.q-lawn-tools-block--native{
  margin-top:14px!important;
  padding-top:13px!important;
  border-top:1px solid rgba(23,63,49,.10)!important;
}
.q-lawn-tools-block--native > .q-lawn-tools-block__head,
.q-lawn-tools-block--native [data-q-lawn-tool-fallback] + .q-lawn-tool-render{
  display:none!important;
}
.q-lawn-tools-block--native .q-lawn-tool-render{
  margin:0!important;
}

/* Fallback wird nur benutzt, wenn die vorhandene dynamische Werkzeuglogik
   nicht lädt oder nach 7 Sekunden weiterhin nur den Ladehinweis zeigt. */
.q-lawn-old-tools-fallback{
  display:grid;
  gap:12px;
}
.q-lawn-old-tools-level{
  display:grid;
  gap:7px;
}
.q-lawn-old-tools-level__head{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px;
}
.q-lawn-old-tools-level__head strong{
  color:#173f31;
  font-size:.79rem;
}
.q-lawn-old-tools-level__head span{
  color:#6a7b71;
  font-size:.66rem;
}
.q-lawn-old-tool-card{
  padding:10px 11px;
  border:1px solid rgba(23,63,49,.11);
  border-radius:11px;
  background:#fff;
}
.q-lawn-old-tool-card__badge{
  display:block;
  margin-bottom:8px;
  color:#52705d;
  font-size:.63rem;
  font-weight:800;
}
.q-lawn-old-tool-card__row{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  align-items:start;
}
.q-lawn-old-tool-card__icon{
  display:grid;
  place-items:center;
  width:32px;height:32px;
  border-radius:8px;
  background:#edf7f0;
  color:#2f744d;
  font-size:.9rem;
}
.q-lawn-old-tool-card h5{
  margin:0 0 3px!important;
  color:#173f31;
  font-size:.78rem!important;
}
.q-lawn-old-tool-card p{
  margin:0 0 4px!important;
  color:#5e7065;
  font-size:.68rem!important;
  line-height:1.42;
}
.q-lawn-old-tool-card small{
  color:#78887f;
  font-size:.63rem;
  line-height:1.35;
}
.q-lawn-old-tools-note{
  margin:0!important;
  color:#73837a;
  font-size:.63rem!important;
  line-height:1.4;
}


/* =========================================================
   Rasen v12 – Ergebnisfokus / Persistenz
   ========================================================= */
.q-lawn-v3 .questionnaire-card.q-lawn-questions-collapsed{
  display:none!important;
}
.q-lawn-auto-garden-status{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 10px;
  border:1px solid rgba(38,112,72,.16);
  border-radius:10px;
  background:#edf7f0;
  color:#267048;
  font-size:.69rem;
  font-weight:850;
  line-height:1.3;
}
@media(max-width:720px){
  .q-lawn-auto-garden-status{
    flex:1 1 100%;
    justify-content:center;
    text-align:center;
  }
}


/* Fotoanalyse: dynamisch geladene Werkzeuge als eigener Dropdown */
.q-lawn-v3 .q-analysis-tools-details{
  width:100%;
  margin:8px 0!important;
  overflow:hidden;
  border:1px solid rgba(23,63,49,.13);
  border-radius:12px;
  background:#fff;
}
.q-lawn-v3 .q-analysis-tools-details>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:50px;
  padding:10px 13px;
  cursor:pointer;
  color:#173f31;
  background:linear-gradient(180deg,#fff,#fbfdfb);
}
.q-lawn-v3 .q-analysis-tools-details>summary::-webkit-details-marker{display:none}
.q-lawn-v3 .q-analysis-tools-details>summary strong{
  display:block;
  font-size:.79rem;
  line-height:1.25;
}
.q-lawn-v3 .q-analysis-tools-details>summary small{
  display:block;
  margin-top:2px;
  color:#6b7c72;
  font-size:.66rem;
  font-weight:600;
  line-height:1.3;
}
.q-lawn-v3 .q-analysis-tools-details>summary>span:last-child{
  transition:transform .15s ease;
}
.q-lawn-v3 .q-analysis-tools-details[open]>summary>span:last-child{
  transform:rotate(180deg);
}
.q-lawn-v3 .q-analysis-tools-details__body{
  padding:10px 13px 13px;
  border-top:1px solid rgba(23,63,49,.07);
}
.q-lawn-v3 .q-analysis-tools-details__body
  :is(h2,h3,h4,p.eyebrow):first-child{
  display:none!important;
}


/* =========================================================
   Fotoanalyse-Werkzeuge v15 – sauberere Optik
   ========================================================= */
.q-lawn-v3 .q-analysis-tools-details{
  margin:10px 0 10px!important;
}

.q-lawn-v3 .q-analysis-tools-details + .q-analysis-tools-inline-note{
  display:none!important;
}

/* Häufig wird oberhalb des Werkzeugbereichs ein Leerraum oder Trenner
   aus dem nachgeladenen Block mitgebracht. Das wird innerhalb des
   Dropdown-Bodys beruhigt. */
.q-lawn-v3 .q-analysis-tools-details__body > hr,
.q-lawn-v3 .q-analysis-tools-details__body > .divider,
.q-lawn-v3 .q-analysis-tools-details__body > [class*="divider"]{
  margin:8px 0 12px!important;
  opacity:.35;
}

.q-lawn-v3 .q-analysis-tools-details__body > :first-child{
  margin-top:0!important;
}
.q-lawn-v3 .q-analysis-tools-details__body > :last-child{
  margin-bottom:0!important;
}

.q-lawn-v3 .q-analysis-tools-inline-note{
  margin:10px 0 0!important;
  padding-top:10px;
  border-top:1px solid rgba(23,63,49,.08);
  color:#5f7166;
  font-size:.68rem!important;
  line-height:1.5;
}
.q-lawn-v3 .q-analysis-tools-inline-note strong,
.q-lawn-v3 .q-analysis-tools-inline-note b{
  color:#173f31;
}

.q-lawn-v3 .q-analysis-tools-details + .disclaimer,
.q-lawn-v3 .q-analysis-tools-details + details[data-q-result-details="1"]{
  margin-top:10px!important;
}


/* =========================================================
   Fotoanalyse v16 – Werkzeugbereich optisch sauber
   ========================================================= */

/* kompakterer vertikaler Fluss zwischen den Ergebnisblöcken */
.q-lawn-v3 [data-q-analysis-tools-present="1"] > details[data-q-result-details="1"],
.q-lawn-v3 [data-q-analysis-tools-present="1"] > .q-analysis-tools-details{
  margin-block:10px!important;
}

/* Werkzeugdropdown optisch an die übrigen Dropdowns angleichen */
.q-lawn-v3 .q-analysis-tools-details{
  border-color:rgba(23,63,49,.12)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.q-lawn-v3 .q-analysis-tools-details > summary{
  min-height:58px!important;
}
.q-lawn-v3 .q-analysis-tools-details__body{
  padding:12px 14px 14px!important;
}

/* Losen Hinweis / Trenner außerhalb des Dropdowns nicht mehr anzeigen */
.q-lawn-v3 .q-analysis-tools-stray-note,
.q-lawn-v3 .q-analysis-tools-stray-divider,
.q-lawn-v3 [hidden].q-analysis-tools-stray-note,
.q-lawn-v3 [hidden].q-analysis-tools-stray-divider{
  display:none!important;
}

/* Zusätzliche Sicherung für optische Doppelungen direkt nach dem Werkzeugblock */
.q-lawn-v3 .q-analysis-tools-details + p:has(strong),
.q-lawn-v3 .q-analysis-tools-details + div:has(strong){
  margin-top:0!important;
}

/* Bereich unter dem Werkzeugdropdown enger an den nächsten Block anschließen */
.q-lawn-v3 .q-analysis-tools-details + .disclaimer,
.q-lawn-v3 .q-analysis-tools-details + details[data-q-result-details="1"]{
  margin-top:10px!important;
  border-top-width:1px!important;
}

/* Falls innerhalb des Dropdowns ein Hinweis auftaucht, dezent stylen */
.q-lawn-v3 .q-analysis-tools-inline-note{
  margin:10px 0 0!important;
  padding-top:10px!important;
  border-top:1px solid rgba(23,63,49,.08);
  color:#617168;
  font-size:.68rem!important;
  line-height:1.5;
}
.q-lawn-v3 .q-analysis-tools-inline-note strong,
.q-lawn-v3 .q-analysis-tools-inline-note b{
  color:#173f31;
}


/* =========================================================
   Fotoanalyse v17 – Werkzeugdropdown exakt wie Ergebnis-Dropdowns
   ========================================================= */
.q-lawn-v3 details.q-analysis-tools-details.q-result-details{
  width:100%!important;
  margin:.75rem 0!important;
  border:1px solid rgba(24,72,50,.13)!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

.q-lawn-v3 details.q-analysis-tools-details.q-result-details>summary{
  list-style:none!important;
  cursor:pointer!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:1rem!important;
  min-height:0!important;
  padding:1rem 1.1rem!important;
  font-weight:800!important;
  color:#163e2b!important;
  background:#fff!important;
}

.q-lawn-v3 details.q-analysis-tools-details.q-result-details>summary::-webkit-details-marker{
  display:none!important;
}

.q-lawn-v3 details.q-analysis-tools-details.q-result-details[open]>summary{
  border-bottom:1px solid rgba(24,72,50,.1)!important;
  background:#f7fbf8!important;
}

.q-lawn-v3 details.q-analysis-tools-details.q-result-details>summary .q-result-chevron{
  font-size:1.2rem!important;
  transition:transform .2s!important;
}

.q-lawn-v3 details.q-analysis-tools-details.q-result-details[open]>summary .q-result-chevron{
  transform:rotate(180deg)!important;
}

.q-lawn-v3 .q-analysis-tools-details__body{
  margin:0!important;
  padding:1rem 1.1rem!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}

/* Alle alten losen Trenner und Werkzeug-Hinweise außerhalb werden
   strukturell entfernt/verschoben. Innerhalb sauber und kompakt. */
.q-lawn-v3 .q-analysis-tools-details__body > hr,
.q-lawn-v3 .q-analysis-tools-details__body > .divider,
.q-lawn-v3 .q-analysis-tools-details__body > [class*="divider"],
.q-lawn-v3 .q-analysis-tools-details__body > [class*="separator"],
.q-lawn-v3 .q-analysis-tools-details__body > [class*="spacer"]{
  display:none!important;
}

.q-lawn-v3 .q-analysis-tools-inline-note{
  display:block!important;
  margin:1rem 0 0!important;
  padding:.85rem 0 0!important;
  border-top:1px solid rgba(24,72,50,.10)!important;
  color:#617168!important;
  font-size:.68rem!important;
  line-height:1.5!important;
}

/* Vier Ergebnisbereiche ohne riesige Zwischenräume */
.q-lawn-v3 #ergebnis[data-q-analysis-tools-present="1"] > details[data-q-result-details="1"]{
  margin:.75rem 0!important;
}

.q-lawn-v3 #ergebnis[data-q-analysis-tools-present="1"] > hr,
.q-lawn-v3 #ergebnis[data-q-analysis-tools-present="1"] > .divider,
.q-lawn-v3 #ergebnis[data-q-analysis-tools-present="1"] > [class*="separator"],
.q-lawn-v3 #ergebnis[data-q-analysis-tools-present="1"] > [class*="spacer"]{
  display:none!important;
}


/* =========================================================
   Fotoanalyse FAQ – weiterführende Links als saubere Karten
   ========================================================= */
.q-lawn-v3 #rasenanalyse-faq .action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}

.q-lawn-v3 #rasenanalyse-faq .action-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  min-width:0;
  padding:15px 16px;
  border:1px solid rgba(23,63,49,.12);
  border-radius:14px;
  background:#f9fcfa;
  color:#173f31;
  text-decoration:none!important;
  transition:border-color .16s ease, background .16s ease, transform .16s ease;
}

.q-lawn-v3 #rasenanalyse-faq .action-card:hover{
  border-color:rgba(38,112,72,.28);
  background:#f3faf5;
  transform:translateY(-1px);
}

.q-lawn-v3 #rasenanalyse-faq .action-card strong{
  display:block;
  margin:0;
  color:#173f31;
  font-size:.82rem;
  line-height:1.35;
  text-decoration:none!important;
}

.q-lawn-v3 #rasenanalyse-faq .action-card span{
  display:block;
  margin:0;
  color:#66776d;
  font-size:.7rem;
  line-height:1.5;
  text-decoration:none!important;
}

.q-lawn-v3 #rasenanalyse-faq .action-card::after{
  content:"Weiter →";
  display:block;
  margin-top:5px;
  color:#267048;
  font-size:.68rem;
  font-weight:800;
}

/* Overlay-Hero abschalten: Split-Hero kommt aus quamaro-subpage-layout-v4.css */
html body.qsite-layout-v3.q-lawn-v3 .hero-grid{
  display:grid!important;
  max-height:none!important;
  overflow:visible!important;
}
@media(min-width:901px){
  html body.qsite-layout-v3.q-lawn-v3 .hero-grid{
    grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;
  }
}
html body.qsite-layout-v3.q-lawn-v3 .q-lawn-v3-hero-visual,
html body.qsite-layout-v3.q-lawn-v3 .hero-photo{
  position:relative!important;
  inset:auto!important;
  min-height:0!important;
  max-height:420px!important;
}
html body.qsite-layout-v3.q-lawn-v3 .q-lawn-v3-hero-visual::after,
html body.qsite-layout-v3.q-lawn-v3 .q-lawn-v3-hero-caption{
  display:none!important;
  content:none!important;
  background:none!important;
}
html body.qsite-layout-v3.q-lawn-v3 .questionnaire-intro{
  position:relative!important;
  width:auto!important;
  max-width:none!important;
  min-height:0!important;
}

@media(max-width:700px){
  .q-lawn-v3 #rasenanalyse-faq .action-grid{
    grid-template-columns:1fr;
    gap:9px;
    margin-top:16px;
  }

  .q-lawn-v3 #rasenanalyse-faq .action-card{
    padding:13px 14px;
  }
}