/* =========================================================
   QUAMARO UI v2.1 – Gesamtgarten
   Fix für bestehende garten-planer.css Regeln
   Stand: 2026-08-31
   ========================================================= */

:root{
  --qv2-green:#2f6f37;
  --qv2-green-dark:#245a2d;
  --qv2-green-soft:#f2f7f0;
  --qv2-ink:#172019;
  --qv2-muted:#667069;
  --qv2-line:#dfe6df;
  --qv2-card:#fff;
  --qv2-bg:#f7f8f5;
  --qv2-warm:#fbf7ec;
  --qv2-radius:18px;
  --qv2-shadow:0 8px 28px rgba(28,48,31,.07);
  --qv2-shell:1440px;
}

body.garden-master-page{
  background:var(--qv2-bg) !important;
  color:var(--qv2-ink);
}

.garden-master-page .garden-master-shell{
  width:min(var(--qv2-shell),calc(100% - 40px)) !important;
  max-width:var(--qv2-shell) !important;
  margin-inline:auto !important;
}

/* =========================================================
   HERO – wirklich EIN zusammenhängendes Bild
   ========================================================= */

.garden-master-page .garden-master-hero{
  padding:0 0 24px !important;
  margin:0 !important;
  background:#fff !important;
}

.garden-master-page .garden-master-hero .category-breadcrumb{
  padding:12px 2px 10px !important;
  margin:0 !important;
  font-size:.84rem !important;
}

/* Alte Zwei-Spalten-Regeln hart überschreiben */
.garden-master-page .garden-master-hero__grid{
  position:relative !important;
  display:block !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  gap:0 !important;
  width:100% !important;
  min-height:390px !important;
  height:clamp(390px,32vw,470px) !important;
  max-height:470px !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:22px !important;
  background:#203922 !important;
  box-shadow:0 14px 40px rgba(20,38,22,.13) !important;
  isolation:isolate !important;
}

/* Das Bild liegt über die KOMPLETTE Hero-Fläche */
.garden-master-page .garden-master-hero__visual{
  position:absolute !important;
  inset:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  max-width:none !important;
  min-height:100% !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  z-index:0 !important;
  grid-column:auto !important;
  grid-row:auto !important;
}

.garden-master-page .garden-master-hero__visual::before,
.garden-master-page .garden-master-hero__visual::after{
  display:none !important;
}

.garden-master-page .garden-master-hero__visual img{
  content:url("/assets/headers/header-gesamtgarten.webp") !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  max-width:none !important;
  min-height:100% !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:70% 52% !important;
  border:0 !important;
  border-radius:0 !important;
}

/* Lesbarkeit ohne das Bild zu verstecken */
.garden-master-page .garden-master-hero__grid::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      90deg,
      rgba(10,24,14,.82) 0%,
      rgba(10,24,14,.69) 27%,
      rgba(10,24,14,.38) 49%,
      rgba(10,24,14,.08) 72%,
      rgba(10,24,14,.02) 100%
    ) !important;
}

/* Text liegt auf dem Bild */
.garden-master-page .garden-master-hero__copy{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  width:min(670px,58%) !important;
  max-width:670px !important;
  height:100% !important;
  min-height:390px !important;
  margin:0 !important;
  padding:34px 42px 36px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#fff !important;
}

.garden-master-page .garden-master-hero__copy .eyebrow{
  margin:9px 0 4px !important;
  color:#d9ead5 !important;
  font-size:.83rem !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.garden-master-page .garden-master-hero__copy h1{
  max-width:17ch !important;
  margin:4px 0 12px !important;
  color:#fff !important;
  font-size:clamp(2rem,3vw,3.15rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
  text-shadow:0 2px 16px rgba(0,0,0,.18) !important;
}

.garden-master-page .garden-master-hero__copy > p:not(.eyebrow){
  max-width:61ch !important;
  margin:0 0 14px !important;
  color:rgba(255,255,255,.93) !important;
  font-size:.98rem !important;
  line-height:1.55 !important;
}

.garden-master-page .garden-master-hero__badge{
  align-self:flex-start !important;
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 !important;
  padding:7px 11px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.13) !important;
  color:#fff !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  backdrop-filter:blur(8px);
}

/* Die vier langen Hero-Karten werden zu kompakten Vorteilen */
.garden-master-page .garden-master-hero__points{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px 18px !important;
  margin:3px 0 16px !important;
}

.garden-master-page .garden-master-hero__point{
  position:relative !important;
  display:block !important;
  min-height:0 !important;
  margin:0 !important;
  padding:2px 0 2px 17px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
}

.garden-master-page .garden-master-hero__point::before{
  content:"✓" !important;
  position:absolute !important;
  left:0 !important;
  top:2px !important;
  color:#cce9c5 !important;
  font-weight:900 !important;
}

.garden-master-page .garden-master-hero__point strong{
  display:block !important;
  color:#fff !important;
  font-size:.86rem !important;
  line-height:1.3 !important;
}

.garden-master-page .garden-master-hero__point span{
  display:none !important;
}

.garden-master-page .garden-master-hero__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 !important;
}

.garden-master-page .garden-master-hero__actions .button{
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:10px !important;
}

.garden-master-page .garden-master-hero__actions .button-secondary{
  border-color:rgba(255,255,255,.65) !important;
  background:rgba(255,255,255,.11) !important;
  color:#fff !important;
}

/* =========================================================
   ALLGEMEINER DASHBOARD-LOOK
   ========================================================= */

.garden-master-page .garden-master-section{
  padding:24px 0 !important;
}

.garden-master-page .garden-master-heading{
  max-width:820px !important;
  margin:0 0 17px !important;
}

.garden-master-page .garden-master-heading .eyebrow{
  margin-bottom:4px !important;
}

.garden-master-page .garden-master-heading h2{
  margin:2px 0 6px !important;
  font-size:clamp(1.55rem,2.2vw,2.15rem) !important;
  line-height:1.15 !important;
  letter-spacing:-.03em !important;
}

.garden-master-page .garden-master-heading > p:last-child{
  margin-bottom:0 !important;
  color:var(--qv2-muted) !important;
}

/* Karten einheitlich */
.garden-master-page .garden-master-feature,
.garden-master-page .garden-master-next,
.garden-master-page .garden-master-example,
.garden-master-page .garden-master-form-card,
.garden-master-page .garden-master-side-card,
.garden-master-page .garden-master-result-card,
.garden-master-page .q-area-recommendation,
.garden-master-page .q-area-adjust{
  border:1px solid var(--qv2-line) !important;
  border-radius:var(--qv2-radius) !important;
  background:var(--qv2-card) !important;
  box-shadow:var(--qv2-shadow) !important;
}

/* 6 Nutzenkarten wie Dashboard-Kacheln */
.garden-master-page .garden-master-feature-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:13px !important;
}

.garden-master-page .garden-master-feature{
  min-height:0 !important;
  padding:17px 18px !important;
}

.garden-master-page .garden-master-feature .icon,
.garden-master-page .garden-master-next .icon{
  display:grid !important;
  place-items:center !important;
  width:38px !important;
  height:38px !important;
  margin:0 !important;
  border-radius:11px !important;
  background:var(--qv2-green-soft) !important;
  font-size:1.15rem !important;
}

.garden-master-page .garden-master-feature h3,
.garden-master-page .garden-master-next h3{
  margin:9px 0 4px !important;
  font-size:.99rem !important;
  line-height:1.25 !important;
}

.garden-master-page .garden-master-feature p,
.garden-master-page .garden-master-next p{
  margin:0 !important;
  color:var(--qv2-muted) !important;
  font-size:.9rem !important;
  line-height:1.46 !important;
}

/* =========================================================
   FORMULAR – kompakter, mehr Software-Dashboard
   ========================================================= */

.garden-master-page .garden-master-planner-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.85fr) minmax(300px,.72fr) !important;
  gap:16px !important;
  align-items:start !important;
}

.garden-master-page .garden-master-form-card{
  padding:22px !important;
}

.garden-master-page .garden-master-side-card{
  position:sticky !important;
  top:92px !important;
  padding:22px !important;
}

.garden-master-page .garden-master-form-grid{
  gap:13px 14px !important;
}

.garden-master-page .garden-master-form-grid label{
  font-size:.87rem !important;
  font-weight:800 !important;
}

.garden-master-page .garden-master-form-grid input,
.garden-master-page .garden-master-form-grid select,
.garden-master-page .garden-master-form-grid textarea{
  min-height:43px !important;
  border:1px solid #ccd7cd !important;
  border-radius:10px !important;
  background:#fff !important;
  box-shadow:none !important;
}

.garden-master-page .garden-master-form-grid textarea{
  min-height:88px !important;
}

.garden-master-page .garden-master-form-grid input:focus,
.garden-master-page .garden-master-form-grid select:focus,
.garden-master-page .garden-master-form-grid textarea:focus{
  outline:3px solid rgba(79,139,68,.14) !important;
  border-color:#77a36e !important;
}

/* Grill und alle anderen Extras exakt gleich */
.garden-master-page .garden-master-pills{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
  align-items:stretch !important;
}

.garden-master-page .garden-master-pills > label{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:46px !important;
  height:auto !important;
  margin:0 !important;
  padding:9px 11px !important;
  box-sizing:border-box !important;
  border:1px solid var(--qv2-line) !important;
  border-radius:11px !important;
  background:#fff !important;
  color:var(--qv2-ink) !important;
  font-size:.86rem !important;
  font-weight:750 !important;
  line-height:1.2 !important;
  white-space:normal !important;
}

.garden-master-page .garden-master-pills > label:has(input:checked){
  border-color:#87ad7e !important;
  background:var(--qv2-green-soft) !important;
  color:#285f32 !important;
}

.garden-master-page .garden-master-pills input{
  flex:0 0 auto !important;
  width:16px !important;
  height:16px !important;
  min-height:0 !important;
  margin:0 !important;
}

/* Empfehlungsfläche */
.garden-master-page .q-area-recommendation{
  padding:18px !important;
  background:linear-gradient(180deg,#f8fbf6,#fff) !important;
}

.garden-master-page .q-area-recommendation__head{
  gap:14px !important;
}

.garden-master-page .q-area-recommendation__grid{
  gap:10px !important;
}

.garden-master-page .q-area-adjust{
  overflow:hidden !important;
  box-shadow:none !important;
}

/* Feinjustierung */
.garden-master-page .zone-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important;
}

.garden-master-page .garden-master-zone{
  min-width:0 !important;
  padding:12px !important;
  border:1px solid var(--qv2-line) !important;
  border-radius:12px !important;
  background:#fbfcfa !important;
}

/* =========================================================
   BEISPIELE & NÄCHSTE SCHRITTE
   ========================================================= */

.garden-master-page .garden-master-example-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}

.garden-master-page .garden-master-example{
  overflow:hidden !important;
}

.garden-master-page .garden-master-example img{
  display:block !important;
  width:100% !important;
  aspect-ratio:16/7 !important;
  height:auto !important;
  object-fit:cover !important;
}

.garden-master-page .garden-master-example__body{
  padding:15px 17px 17px !important;
}

.garden-master-page .garden-master-next-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:13px !important;
}

.garden-master-page .garden-master-next{
  min-height:0 !important;
  padding:17px 18px !important;
}

/* Ergebnisbereich bekommt mehr Dashboard-Anmutung,
   ohne die JS-Logik anzufassen */
.garden-master-page .garden-master-result-card:not([hidden]){
  display:block !important;
  margin-top:18px !important;
  padding:22px !important;
}

.garden-master-page .garden-master-result-card img{
  max-width:100% !important;
  border-radius:14px !important;
}

/* Buttons */
.garden-master-page .button{
  border-radius:10px !important;
  font-weight:800 !important;
}

.garden-master-page .button:not(.button-secondary){
  background:var(--qv2-green) !important;
  border-color:var(--qv2-green) !important;
}

.garden-master-page .button:not(.button-secondary):hover{
  background:var(--qv2-green-dark) !important;
  border-color:var(--qv2-green-dark) !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1050px){
  .garden-master-page .garden-master-hero__copy{
    width:min(720px,72%) !important;
  }

  .garden-master-page .garden-master-planner-grid{
    grid-template-columns:1fr !important;
  }

  .garden-master-page .garden-master-side-card{
    position:static !important;
  }

  .garden-master-page .garden-master-pills{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .garden-master-page .garden-master-next-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:760px){
  .garden-master-page .garden-master-shell{
    width:calc(100% - 24px) !important;
  }

  .garden-master-page .garden-master-hero{
    padding-bottom:15px !important;
  }

  .garden-master-page .garden-master-hero__grid{
    min-height:500px !important;
    height:500px !important;
    max-height:500px !important;
    border-radius:16px !important;
  }

  .garden-master-page .garden-master-hero__grid::before{
    background:
      linear-gradient(
        0deg,
        rgba(10,24,14,.88) 0%,
        rgba(10,24,14,.72) 48%,
        rgba(10,24,14,.22) 100%
      ) !important;
  }

  .garden-master-page .garden-master-hero__visual img{
    object-position:center center !important;
  }

  .garden-master-page .garden-master-hero__copy{
    position:absolute !important;
    inset:auto 0 0 0 !important;
    justify-content:flex-end !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    padding:22px 20px 23px !important;
  }

  .garden-master-page .garden-master-hero__copy h1{
    max-width:18ch !important;
    font-size:clamp(1.75rem,8vw,2.35rem) !important;
  }

  .garden-master-page .garden-master-hero__copy > p:not(.eyebrow){
    font-size:.91rem !important;
  }

  .garden-master-page .garden-master-hero__points{
    grid-template-columns:1fr 1fr !important;
    gap:6px 12px !important;
  }

  .garden-master-page .garden-master-hero__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .garden-master-page .garden-master-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .garden-master-page .garden-master-form-card,
  .garden-master-page .garden-master-side-card{
    padding:16px !important;
  }

  .garden-master-page .garden-master-pills{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .garden-master-page .zone-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .garden-master-page .garden-master-example-grid{
    grid-template-columns:1fr !important;
  }

  .garden-master-page .garden-master-next-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:460px){
  .garden-master-page .garden-master-feature-grid{
    grid-template-columns:1fr !important;
  }

  .garden-master-page .garden-master-pills > label{
    min-height:49px !important;
    padding:8px 9px !important;
    font-size:.81rem !important;
  }
}

/* =========================================================
   QUAMARO UI v2.2 – Planer + Ergebnis-Dashboard
   ========================================================= */

body.garden-master-page.qv2-enhanced{background:#f7f8f5!important}

/* Planungsschritte */
.qv2-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 18px;padding:15px 18px 13px;border:1px solid #dfe6df;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(28,48,31,.07)}
.qv2-step{position:relative;display:grid;justify-items:center;gap:6px;min-width:0;padding:0 8px;border:0;background:transparent;color:#6f786f;font:inherit;cursor:pointer}
.qv2-step:not(:last-child)::after{content:"";position:absolute;top:15px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:#dbe3da;z-index:0}
.qv2-step__num{position:relative;z-index:1;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e7ebe6;color:#667066;font-size:.8rem;font-weight:900}
.qv2-step__label{font-size:.78rem;font-weight:850;line-height:1.15;text-align:center}
.qv2-step.is-active .qv2-step__num,.qv2-step.is-done .qv2-step__num{background:#2f6f37;color:#fff}
.qv2-step.is-active{color:#245a2d}

/* Formular wird in vier klare Karten zerlegt */
.garden-master-page.qv2-enhanced .garden-master-form-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.garden-master-page.qv2-enhanced .garden-master-form-grid{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}

/* Keep the dynamically wrapped wizard in one outer column even though the
   later shared subpage layout assigns two columns to generic form grids. */
body.qsite-layout-v3.garden-master-page.qv2-enhanced .garden-master-form-grid{
  grid-template-columns:minmax(0,1fr)!important;
}
body.qsite-layout-v3.garden-master-page.qv2-enhanced .garden-master-form-grid > .qv2-form-step{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0;
}
.qv2-form-step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px;padding:20px;border:1px solid #dfe6df;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(28,48,31,.07);scroll-margin-top:110px}
.qv2-form-step__head{grid-column:1/-1;display:flex;align-items:flex-start;gap:12px;padding-bottom:13px;margin-bottom:1px;border-bottom:1px solid #edf0ec}
.qv2-form-step__badge{flex:0 0 auto;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#f2f7f0;color:#245a2d;font-size:.86rem;font-weight:900}
.qv2-form-step__head h3{margin:0 0 3px;font-size:1.05rem;line-height:1.2}
.qv2-form-step__head p{margin:0;color:#667069;font-size:.84rem;line-height:1.4}
.qv2-form-step>.full,.qv2-form-step>[data-q-area-recommendation],.qv2-form-step>[data-q-area-adjust]{grid-column:1/-1}
.garden-master-page.qv2-enhanced .q-area-recommendation{margin-top:2px!important;border-color:#d3e1d0!important;background:linear-gradient(180deg,#f6faf4 0%,#fff 100%)!important}
.garden-master-page.qv2-enhanced .q-area-recommendation__grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.garden-master-page.qv2-enhanced .garden-master-side-card{border-top:4px solid #2f6f37!important}

/* Ergebnis-Dashboard */
.garden-master-page .garden-master-result-card.qv2-result-ready{padding:0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
.qv2-result-dashboard{display:grid;gap:14px;margin-top:20px}
.qv2-result-hero{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:stretch;padding:19px 20px;border:1px solid #dfe6df;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(28,48,31,.07)}
.qv2-result-title p{margin:0 0 5px;color:#2f6f37;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
.qv2-result-title h2{margin:0 0 7px;font-size:clamp(1.55rem,2.1vw,2rem);line-height:1.1;letter-spacing:-.03em}
.qv2-result-tags{display:flex;flex-wrap:wrap;gap:7px}
.qv2-result-tag{padding:6px 9px;border-radius:999px;background:#f4f7f3;border:1px solid #e2e8e0;color:#405044;font-size:.76rem;font-weight:750}
.qv2-kpi{min-width:156px;display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #e3e8e2;border-radius:13px;background:#fbfcfb}
.qv2-kpi__icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#f2f7f0;font-size:1.15rem}
.qv2-kpi span{display:block;color:#6d756e;font-size:.72rem;font-weight:750}.qv2-kpi strong{display:block;margin-top:2px;color:#182019;font-size:1.25rem;line-height:1.1}
.qv2-dashboard-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.18fr) minmax(280px,.72fr);gap:14px;align-items:start}
.qv2-panel{min-width:0;padding:18px;border:1px solid #dfe6df;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(28,48,31,.07)}
.qv2-panel h3{margin:0 0 13px;font-size:1.02rem;line-height:1.2}
.qv2-area-layout{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:13px;align-items:center}
.qv2-area-list{display:grid;gap:7px}.qv2-area-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:.78rem}.qv2-area-dot{width:9px;height:9px;border-radius:3px;background:var(--dot,#7ba04b)}.qv2-area-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qv2-area-row strong{font-size:.78rem}.qv2-area-row em{min-width:34px;color:#6e766f;font-style:normal;text-align:right;font-size:.73rem}
.qv2-donut{position:relative;aspect-ratio:1;border-radius:50%;background:var(--donut)}.qv2-donut::after{content:"";position:absolute;inset:24%;border-radius:50%;background:#fff}.qv2-donut__text{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center;pointer-events:none}.qv2-donut__text strong{font-size:1.1rem;line-height:1}.qv2-donut__text span{margin-top:3px;color:#6c746d;font-size:.68rem}
.qv2-area-footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid #edf0ec;color:#5d675f;font-size:.74rem}
.qv2-plan-visual{position:relative;min-height:330px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:linear-gradient(135deg,#eef3e9,#dfe9d7);border:1px solid #e2e8df}.qv2-plan-visual img{display:block;width:100%;height:100%;max-height:430px;object-fit:cover}.qv2-plan-placeholder{max-width:310px;padding:25px;text-align:center;color:#667066}.qv2-plan-placeholder strong{display:block;margin-bottom:6px;color:#2f5734;font-size:1rem}
.qv2-order{list-style:none;padding:0;margin:0;display:grid;gap:10px}.qv2-order li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;align-items:start}.qv2-order__num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2f6f37;color:#fff;font-size:.68rem;font-weight:900}.qv2-order strong{display:block;margin-bottom:1px;font-size:.8rem}.qv2-order small{display:block;color:#69726a;font-size:.72rem;line-height:1.35}.qv2-warning{margin-top:14px;padding:13px;border:1px solid #eadfc1;border-radius:12px;background:#fffaf0;color:#6d5724;font-size:.75rem;line-height:1.42}
.qv2-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qv2-variant{position:relative;overflow:hidden;padding:18px;border:1px solid #cfdccc;border-radius:15px;background:#fff;box-shadow:0 8px 28px rgba(28,48,31,.07)}.qv2-variant--recommended{border-color:#8aaf80;padding-top:45px}.qv2-variant--recommended::before{content:"Unsere Empfehlung";position:absolute;top:0;left:0;right:0;padding:8px 12px;background:#2f6f37;color:#fff;font-size:.72rem;font-weight:900;text-align:center}.qv2-variant__eyebrow{color:#68816b;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.qv2-variant h3{margin:4px 0 3px;font-size:1.1rem}.qv2-variant__price{min-height:30px;margin:8px 0 10px;color:#245a2d;font-size:1.45rem;font-weight:900}.qv2-variant ul{display:grid;gap:6px;margin:0 0 14px;padding:0;list-style:none}.qv2-variant li{position:relative;padding-left:18px;color:#4f5950;font-size:.78rem;line-height:1.4}.qv2-variant li::before{content:"✓";position:absolute;left:0;color:#2f6f37;font-weight:900}.qv2-variant__button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 13px;border:1px solid #7da374;border-radius:9px;color:#245a2d;background:#fff;font-size:.78rem;font-weight:900;text-decoration:none;cursor:pointer}.qv2-variant--recommended .qv2-variant__button{background:#2f6f37;color:#fff;border-color:#2f6f37}
.qv2-original-details{margin-top:14px;border:1px solid #dfe6df;border-radius:15px;background:#fff;box-shadow:0 8px 28px rgba(28,48,31,.07);overflow:hidden}.qv2-original-details>summary{position:relative;padding:15px 46px 15px 18px;cursor:pointer;list-style:none;font-weight:900}.qv2-original-details>summary::-webkit-details-marker{display:none}.qv2-original-details>summary::after{content:"⌄";position:absolute;right:18px;top:50%;transform:translateY(-54%);color:#2f6f37;font-size:1.1rem}.qv2-original-details[open]>summary::after{transform:translateY(-48%) rotate(180deg)}.qv2-original-content{padding:4px 18px 18px;border-top:1px solid #edf0ec}

@media(max-width:1180px){.qv2-dashboard-grid{grid-template-columns:1fr 1fr}.qv2-dashboard-grid .qv2-panel:last-child{grid-column:1/-1}.qv2-order{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.qv2-result-hero{grid-template-columns:1fr 1fr}.qv2-result-title{grid-column:1/-1}.qv2-dashboard-grid{grid-template-columns:1fr}.qv2-dashboard-grid .qv2-panel:last-child{grid-column:auto}.qv2-order{grid-template-columns:1fr}.qv2-form-step{grid-template-columns:1fr}.qv2-form-step>*{grid-column:1!important}.garden-master-page.qv2-enhanced .q-area-recommendation__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.qv2-stepper{padding:12px 8px 10px}.qv2-step{padding:0 3px}.qv2-step__label{font-size:.68rem}.qv2-step__num{width:28px;height:28px}.qv2-step:not(:last-child)::after{top:14px;left:calc(50% + 17px);right:calc(-50% + 17px)}.qv2-result-hero{grid-template-columns:1fr;padding:16px}.qv2-result-title{grid-column:auto}.qv2-kpi{min-width:0}.qv2-area-layout{grid-template-columns:1fr 120px}.qv2-variants{grid-template-columns:1fr}.qv2-form-step{padding:16px}.garden-master-page.qv2-enhanced .q-area-recommendation__grid{grid-template-columns:1fr!important}}
@media(max-width:430px){.qv2-step__label{font-size:.62rem}.qv2-area-layout{grid-template-columns:1fr}.qv2-donut{width:132px;justify-self:center}}


/* =========================================================
   QUAMARO UI v2.3 – echter Schritt-für-Schritt-Planer
   ========================================================= */

.garden-master-page.qv2-enhanced .qv2-form-step{
  display:none !important;
  animation:qv2StepIn .22s ease;
}

.garden-master-page.qv2-enhanced .qv2-form-step.is-active{
  display:grid !important;
}

@keyframes qv2StepIn{
  from{opacity:.3;transform:translateY(6px)}
  to{opacity:1;transform:none}
}

.qv2-stepper{
  position:relative;
  z-index:3;
}

.qv2-step{
  transition:color .18s ease;
}

.qv2-step[aria-disabled="true"]{
  cursor:default;
}

.qv2-step.is-locked{
  opacity:.62;
}

.qv2-form-actions{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding-top:14px;
  margin-top:2px;
  border-top:1px solid #edf0ec;
}

.qv2-form-actions__right{
  display:flex;
  gap:9px;
  margin-left:auto;
}

.qv2-nav-button{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:9px 14px;
  border:1px solid #bccbbc;
  border-radius:9px;
  background:#fff;
  color:#285e31;
  font:inherit;
  font-size:.82rem;
  font-weight:850;
  cursor:pointer;
}

.qv2-nav-button:hover{
  background:#f4f8f2;
}

.qv2-nav-button--primary{
  border-color:#2f6f37;
  background:#2f6f37;
  color:#fff;
}

.qv2-nav-button--primary:hover{
  background:#245a2d;
}

.qv2-step-progress{
  color:#798178;
  font-size:.73rem;
  font-weight:750;
}

.qv2-step-note{
  grid-column:1/-1;
  margin:-2px 0 0;
  padding:10px 12px;
  border-radius:10px;
  background:#f7faf5;
  color:#657066;
  font-size:.76rem;
  line-height:1.4;
}

.garden-master-page.qv2-enhanced .garden-master-planner-grid{
  align-items:start !important;
}

/* Der rechte Infoblock soll nicht höher wirken als der aktive Planungsschritt */
.garden-master-page.qv2-enhanced .garden-master-side-card{
  max-height:610px;
  overflow:auto;
  scrollbar-width:thin;
}

/* Auf Desktop mehr Luft für den eigentlichen Planer */
@media(min-width:1060px){
  .garden-master-page.qv2-enhanced .garden-master-planner-grid{
    grid-template-columns:minmax(0,2fr) minmax(280px,.64fr) !important;
  }
}

/* Mobile: Navigation bleibt klar und Buttons werden groß genug */
@media(max-width:680px){
  .qv2-form-actions{
    flex-wrap:wrap;
  }
  .qv2-form-actions__right{
    width:100%;
    margin-left:0;
  }
  .qv2-nav-button{
    flex:1 1 auto;
  }
  .qv2-step-progress{
    width:100%;
  }
}

/* QUAMARO UI v2.4 – Funktionsfix */
.qv2-field-error{margin:6px 0 0;color:#a12e2e;font-size:.75rem;font-weight:700;line-height:1.35}
.qv2-step-error{grid-column:1/-1;margin:.15rem 0 0;padding:.65rem .75rem;border:1px solid rgba(166,67,44,.24);border-radius:10px;background:#fff5f1;color:#8b3f2d;font-size:.78rem;font-weight:750;line-height:1.4}
.qv2-invalid{border-color:#c74747!important;box-shadow:0 0 0 3px rgba(199,71,71,.10)!important}
.qv2-shape-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px;border:1px solid #dce6da;border-radius:13px;background:#f7faf5}
.qv2-shape-extra[hidden]{display:none!important}
.qv2-shape-extra__head{grid-column:1/-1}
.qv2-shape-extra__head strong{display:block;margin-bottom:3px;font-size:.9rem}
.qv2-shape-extra__head span{color:#69736b;font-size:.76rem}
.qv2-geometry-summary{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #e2e7e0;color:#58625a;font-size:.76rem}
.qv2-geometry-summary strong{color:#254f2b}
.qv2-geometry-warning{padding:7px 9px;border-radius:8px;background:#fff8e7;border:1px solid #ead9aa;color:#735c20}
.qv2-shape-preview{grid-column:1/-1;min-height:210px;overflow:hidden;border:1px solid #e1e7df;border-radius:12px;background:#fbfcfa}
.qv2-shape-preview svg,.qv2-plan-visual svg{display:block;width:100%;height:auto}
.qv2-project-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.qv2-project-status{margin-top:8px;color:#2f6f37;font-size:.78rem;font-weight:800}
.qv2-plan-visual{min-height:350px!important;background:#f1f5ed!important}
.qv2-plan-caption{padding:8px 11px;border-top:1px solid #e1e7df;background:#fbfcfa;color:#657066;font-size:.72rem}
.qv2-original-details{margin-top:14px;border:1px solid var(--qv2-line);border-radius:15px;background:#fff;box-shadow:var(--qv2-shadow);overflow:hidden}
.qv2-original-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border:0;background:#fff;color:var(--qv2-ink);font:inherit;font-weight:900;text-align:left;cursor:pointer}
.qv2-original-toggle:hover{background:#f8faf7}
.qv2-original-toggle__chev{color:var(--qv2-green);transition:transform .18s ease}
.qv2-original-details[data-open="true"] .qv2-original-toggle__chev{transform:rotate(180deg)}
.qv2-original-content{padding:4px 18px 18px;border-top:1px solid #edf0ec}
.qv2-original-content[hidden]{display:none!important}
@media(max-width:800px){.qv2-shape-extra{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.qv2-shape-extra{grid-template-columns:1fr}}


/* =========================================================
   QUAMARO UI v2.5 – automatische Flächenlogik
   ========================================================= */
.qv2-auto-area input[readonly]{
  background:#f4f7f2 !important;
  color:#23482a !important;
  font-weight:900 !important;
  cursor:default;
}
.qv2-auto-badge{
  display:inline-flex;
  align-items:center;
  margin-left:6px;
  padding:3px 7px;
  border-radius:999px;
  background:#eef6eb;
  color:#2f6f37;
  font-size:.67rem;
  font-weight:900;
  vertical-align:middle;
}
.qv2-auto-area.is-pending input{
  color:#7a827b !important;
  font-weight:700 !important;
}
.qv2-auto-area.is-ready input{
  border-color:#9fbd98 !important;
  background:#f6faf4 !important;
}
.qv2-auto-area .field-note strong{
  color:#2f6f37;
}


/* =========================================================
   QUAMARO UI v2.6 – genau eine Empfehlung
   ========================================================= */

.qv2-single-plan{
  position:relative;
  overflow:hidden;
  padding:22px;
  border:1px solid #8fb286;
  border-radius:16px;
  background:
    linear-gradient(135deg,rgba(242,247,240,.96),rgba(255,255,255,.98));
  box-shadow:var(--qv2-shadow);
}

.qv2-single-plan::before{
  content:"QUAMARO Empfehlung";
  position:absolute;
  top:0;
  left:0;
  padding:7px 12px;
  border-radius:0 0 10px 0;
  background:var(--qv2-green);
  color:#fff;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.03em;
}

.qv2-single-plan__grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);
  gap:18px;
  align-items:start;
  padding-top:20px;
}

.qv2-single-plan h3{
  margin:0 0 7px;
  font-size:1.28rem;
  letter-spacing:-.02em;
}

.qv2-single-plan__intro{
  margin:0 0 14px;
  max-width:70ch;
  color:#576259;
  font-size:.88rem;
  line-height:1.5;
}

.qv2-single-plan__points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 14px;
  margin:0;
  padding:0;
  list-style:none;
}

.qv2-single-plan__points li{
  position:relative;
  padding-left:18px;
  color:#465149;
  font-size:.8rem;
  line-height:1.4;
}

.qv2-single-plan__points li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--qv2-green);
  font-weight:900;
}

.qv2-single-plan__budget{
  padding:15px;
  border:1px solid #d8e4d5;
  border-radius:13px;
  background:#fff;
}

.qv2-single-plan__budget span{
  display:block;
  color:#69736b;
  font-size:.72rem;
  font-weight:800;
}

.qv2-single-plan__budget strong{
  display:block;
  margin:4px 0 8px;
  color:#245a2d;
  font-size:1.65rem;
  line-height:1;
}

.qv2-single-plan__budget small{
  display:block;
  color:#657066;
  font-size:.74rem;
  line-height:1.4;
}

.qv2-single-plan__actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
}

.qv2-auto-saved{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:10px;
  color:#2f6f37;
  font-size:.76rem;
  font-weight:900;
}

.qv2-hidden-alternative{
  display:none !important;
}

@media(max-width:760px){
  .qv2-single-plan__grid{
    grid-template-columns:1fr;
  }
  .qv2-single-plan__points{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   QUAMARO UI v2.7 – Projektübergabe + räumlicher Masterplan
   ========================================================= */
.qv2-project-locked[disabled]{
  opacity:.48 !important;
  cursor:not-allowed !important;
  filter:saturate(.4);
  pointer-events:none;
}
.qv2-project-locked.is-ready{
  opacity:1 !important;
  cursor:pointer !important;
  filter:none;
  pointer-events:auto;
}
.qv2-project-gate{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin-top:14px;
}
.qv2-project-gate__state{
  color:#687168;
  font-size:.75rem;
  font-weight:750;
}
.qv2-project-gate__state.is-ready{color:#2f6f37}
.qv2-project-gate__state.is-error{color:#9a352f}

.qv2-plan-visual{
  background:
    linear-gradient(180deg,#f8faf6,#eef3e9) !important;
}
.qv2-plan-visual svg{
  min-height:330px;
}
.qv2-zone-label{
  font-weight:900;
  paint-order:stroke;
  stroke:rgba(0,0,0,.22);
  stroke-width:2px;
  stroke-linejoin:round;
}
.qv2-plan-legend{
  display:flex;
  flex-wrap:wrap;
  gap:7px 12px;
  padding:9px 11px;
  border-top:1px solid #e1e7df;
  background:#fbfcfa;
  color:#5e695f;
  font-size:.7rem;
}
.qv2-plan-legend span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.qv2-plan-legend i{
  width:8px;
  height:8px;
  border-radius:3px;
  display:inline-block;
}


/* =========================================================
   QUAMARO UI v2.8 – Beispielbild + Projekt-Kompatibilität
   ========================================================= */

.qv2-example-visual{
  overflow:hidden;
  padding:0;
  border:1px solid var(--qv2-line);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--qv2-shadow);
}
.qv2-example-visual__head{
  padding:16px 18px 12px;
}
.qv2-example-visual__head p{
  margin:0 0 3px;
  color:var(--qv2-green);
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.qv2-example-visual__head h3{
  margin:0 0 4px;
  font-size:1.05rem;
}
.qv2-example-visual__head span{
  color:#667069;
  font-size:.78rem;
  line-height:1.4;
}
.qv2-example-visual__image{
  position:relative;
  min-height:280px;
  background:#eef3e9;
}
.qv2-example-visual__image img{
  display:block;
  width:100%;
  max-height:560px;
  aspect-ratio:16/8;
  object-fit:cover;
}
.qv2-example-visual__loading{
  min-height:280px;
  display:grid;
  place-content:center;
  padding:25px;
  text-align:center;
  color:#667069;
  font-size:.82rem;
}
.qv2-example-visual__loading strong{
  display:block;
  margin-bottom:5px;
  color:#2e5c34;
}
.qv2-example-visual__foot{
  padding:9px 14px 11px;
  border-top:1px solid #e8ece7;
  background:#fbfcfa;
  color:#687168;
  font-size:.72rem;
}
.qv2-original-toggle,
[data-var="rec"],
[data-qv2-result-open-project]{
  position:relative;
  z-index:3;
  pointer-events:auto !important;
}
.qv2-project-status.is-ready{
  color:#26703a !important;
}


/* =========================================================
   QUAMARO UI v2.9 – Projektstruktur + stabile Details
   ========================================================= */

.qv2-original-details{
  position:relative;
  z-index:10;
}
.qv2-original-toggle{
  position:relative;
  z-index:11;
  cursor:pointer !important;
  pointer-events:auto !important;
  user-select:none;
}
.qv2-original-content{
  position:relative;
  z-index:1;
}
.qv2-original-details[data-open="true"] .qv2-original-content{
  display:block !important;
}
.qv2-detail-anchor{
  scroll-margin-top:110px;
}
.qv2-project-schema-ok{
  color:#26703a;
  font-weight:900;
}


/* =========================================================
   QUAMARO UI v2.10 – automatische Übernahme + Wiederherstellung
   ========================================================= */

.qv2-saved-toolbar{
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 15px;
  padding:15px 17px;
  border:1px solid #a7c4a0;
  border-radius:14px;
  background:linear-gradient(135deg,#f3f8f1,#fff);
  box-shadow:var(--qv2-shadow);
}
.qv2-saved-toolbar__copy strong{
  display:block;
  margin-bottom:3px;
  color:#245a2d;
  font-size:.95rem;
}
.qv2-saved-toolbar__copy span{
  display:block;
  color:#657066;
  font-size:.78rem;
  line-height:1.4;
}
.qv2-saved-toolbar__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  flex:0 0 auto;
}
.qv2-saved-toolbar button,
.qv2-saved-toolbar a{
  min-height:39px;
}

.garden-master-page.qv2-view-mode #gartenplaner > .garden-master-shell > .garden-master-heading,
.garden-master-page.qv2-view-mode #gartenplaner .qv2-stepper,
.garden-master-page.qv2-view-mode #gartenplaner .garden-master-planner-grid{
  display:none !important;
}
.garden-master-page.qv2-view-mode .qv2-saved-toolbar{
  display:flex;
}

.qv2-restored-details{
  margin-top:14px;
}
.qv2-restored-details__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.qv2-restored-details__card{
  padding:15px;
  border:1px solid #e0e7de;
  border-radius:12px;
  background:#fbfcfa;
}
.qv2-restored-details__card h4{
  margin:0 0 9px;
  font-size:.92rem;
}
.qv2-restored-details__card ul{
  margin:0;
  padding-left:1.1rem;
}
.qv2-restored-details__card li{
  margin:.35rem 0;
  font-size:.78rem;
  line-height:1.42;
}
.qv2-restored-details__card a{
  color:#2f6f37;
  font-weight:750;
}

.qv2-single-image-note{
  color:#657066;
  font-size:.73rem;
  line-height:1.4;
}

@media(max-width:700px){
  .qv2-saved-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .qv2-saved-toolbar__actions{
    width:100%;
  }
  .qv2-saved-toolbar__actions .button{
    flex:1 1 auto;
  }
  .qv2-restored-details__grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   QUAMARO UI v2.11 – Stabilitätsfix
   ========================================================= */

/* Altes natives Zwei-Varianten-Ergebnis niemals sichtbar aufblitzen lassen. */
body.qv2-native-processing [data-garden-master-result]{
  visibility:hidden !important;
  max-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* Nur die kleine Statuszeile bleibt während der Berechnung sichtbar. */
body.qv2-native-processing [data-garden-master-status]{
  display:block !important;
  visibility:visible !important;
  max-height:none !important;
}

.qv2-processing-note{
  margin-top:10px;
  padding:11px 13px;
  border:1px solid #dce7d9;
  border-radius:10px;
  background:#f5f9f3;
  color:#47604b;
  font-size:.78rem;
  font-weight:800;
}

.qv2-result-dashboard + .qv2-original-details{
  margin-top:14px;
}

/* Einzige zulässige Ergebnis-Empfehlung */
.qv2-result-dashboard .qv2-single-plan{
  display:block !important;
}


/* =========================================================
   QUAMARO UI v2.12 – Masterplan + Dropdown-Pfeil
   ========================================================= */

/* Es bleibt exakt EIN Pfeil: der vorhandene ::after-Chevron. */
.qv2-original-toggle__chev{
  display:none !important;
}
.qv2-original-details > summary{
  padding-right:48px !important;
  list-style:none !important;
}
.qv2-original-details > summary::-webkit-details-marker{
  display:none !important;
}
.qv2-original-details > summary::marker{
  content:"" !important;
}

/* Masterplan optisch näher an einer echten Draufsicht */
.qv2-master-layout{
  overflow:hidden;
  border-radius:12px;
  background:#eef3e9;
}
.qv2-master-layout svg{
  display:block;
  width:100%;
  height:auto;
}
.qv2-master-layout .qv2-zone-label{
  font-weight:900;
  letter-spacing:.01em;
}
.qv2-master-layout .qv2-zone-sub{
  font-size:9px;
  font-weight:700;
  opacity:.9;
}
.qv2-plan-legend{
  background:#fff !important;
}


/* =========================================================
   QUAMARO UI v2.13 – proportionaler Mastergrundriss
   ========================================================= */

.qv2-master-layout svg{
  width:100%;
  height:auto;
  aspect-ratio:auto;
}
.qv2-master-layout{
  min-height:0;
}


/* =========================================================
   QUAMARO UI v2.14 – form-aware Mastergrundriss
   ========================================================= */
.qv2-master-layout .qv2-plan-note{
  padding:8px 12px 10px;
  color:#637063;
  font-size:.72rem;
  line-height:1.35;
  background:#fbfcfa;
  border-top:1px solid #e7ece5;
}


/* =========================================================
   QUAMARO UI v2.15 – kompaktere Desktop-Darstellung
   ========================================================= */

@media (min-width: 900px){

  /* Gesamtbreite etwas enger */
  .garden-master-page .garden-master-shell{
    width:min(1280px,calc(100% - 48px)) !important;
    max-width:1280px !important;
  }

  /* Header / Navigation kompakter */
  .garden-master-page .site-header{
    min-height:58px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }

  .garden-master-page .brand img{
    max-height:32px !important;
    width:auto !important;
  }

  .garden-master-page .main-nav a{
    font-size:.82rem !important;
    padding:7px 8px !important;
  }

  .garden-master-page .header-actions .button{
    min-height:34px !important;
    padding:7px 11px !important;
    font-size:.78rem !important;
  }

  /* Hero deutlich niedriger */
  .garden-master-page .garden-master-hero__grid{
    min-height:315px !important;
    height:clamp(315px,25vw,380px) !important;
    max-height:380px !important;
    border-radius:18px !important;
  }

  .garden-master-page .garden-master-hero__copy{
    min-height:315px !important;
    width:min(610px,55%) !important;
    max-width:610px !important;
    padding:27px 34px 29px !important;
  }

  .garden-master-page .garden-master-hero__copy h1{
    font-size:clamp(1.75rem,2.45vw,2.65rem) !important;
    margin-bottom:9px !important;
  }

  .garden-master-page .garden-master-hero__copy > p:not(.eyebrow){
    font-size:.88rem !important;
    line-height:1.45 !important;
    margin-bottom:10px !important;
  }

  .garden-master-page .garden-master-hero__badge{
    padding:5px 9px !important;
    font-size:.7rem !important;
  }

  .garden-master-page .garden-master-hero__points{
    gap:4px 14px !important;
    margin:2px 0 11px !important;
  }

  .garden-master-page .garden-master-hero__point strong{
    font-size:.77rem !important;
  }

  .garden-master-page .garden-master-hero__actions .button{
    min-height:36px !important;
    padding:8px 13px !important;
    font-size:.78rem !important;
  }

  /* Abschnitte dichter */
  .garden-master-page .garden-master-section{
    padding:17px 0 !important;
  }

  .garden-master-page .garden-master-heading{
    margin-bottom:11px !important;
  }

  .garden-master-page .garden-master-heading h2{
    font-size:clamp(1.35rem,1.75vw,1.78rem) !important;
    margin-bottom:4px !important;
  }

  .garden-master-page .garden-master-heading > p:last-child{
    font-size:.83rem !important;
    line-height:1.42 !important;
  }

  /* Nutzenkarten kleiner */
  .garden-master-page .garden-master-feature-grid{
    gap:9px !important;
  }

  .garden-master-page .garden-master-feature{
    padding:13px 14px !important;
    border-radius:14px !important;
  }

  .garden-master-page .garden-master-feature .icon,
  .garden-master-page .garden-master-next .icon{
    width:31px !important;
    height:31px !important;
    font-size:1rem !important;
    border-radius:9px !important;
  }

  .garden-master-page .garden-master-feature h3,
  .garden-master-page .garden-master-next h3{
    font-size:.9rem !important;
    margin:7px 0 3px !important;
  }

  .garden-master-page .garden-master-feature p,
  .garden-master-page .garden-master-next p{
    font-size:.79rem !important;
    line-height:1.38 !important;
  }

  /* Stepper kompakter */
  .qv2-stepper{
    padding:10px 14px 9px !important;
    margin-bottom:11px !important;
    border-radius:13px !important;
  }

  .qv2-step__num{
    width:25px !important;
    height:25px !important;
    font-size:.7rem !important;
  }

  .qv2-step__label{
    font-size:.7rem !important;
  }

  .qv2-step:not(:last-child)::after{
    top:12px !important;
  }

  /* Formular kompakter */
  .garden-master-page.qv2-enhanced .garden-master-planner-grid{
    grid-template-columns:minmax(0,2.15fr) minmax(245px,.58fr) !important;
    gap:12px !important;
  }

  .qv2-form-step{
    gap:9px 10px !important;
    padding:14px !important;
    border-radius:14px !important;
  }

  .qv2-form-step__head{
    gap:9px !important;
    padding-bottom:9px !important;
  }

  .qv2-form-step__badge{
    width:29px !important;
    height:29px !important;
    font-size:.75rem !important;
  }

  .qv2-form-step__head h3{
    font-size:.94rem !important;
  }

  .qv2-form-step__head p{
    font-size:.75rem !important;
  }

  .garden-master-page .garden-master-form-grid label{
    font-size:.78rem !important;
  }

  .garden-master-page .garden-master-form-grid input,
  .garden-master-page .garden-master-form-grid select{
    min-height:36px !important;
    height:36px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    font-size:.78rem !important;
  }

  .garden-master-page .garden-master-form-grid textarea{
    min-height:68px !important;
    font-size:.78rem !important;
  }

  .garden-master-page .field-note,
  .qv2-step-note{
    font-size:.69rem !important;
    line-height:1.35 !important;
  }

  .qv2-form-actions{
    padding-top:9px !important;
  }

  .qv2-nav-button{
    min-height:34px !important;
    padding:7px 11px !important;
    font-size:.75rem !important;
  }

  /* Rechte Infokarte kleiner */
  .garden-master-page.qv2-enhanced .garden-master-side-card{
    padding:15px !important;
    max-height:520px !important;
    border-radius:14px !important;
  }

  .garden-master-page .garden-master-side-card .eyebrow{
    font-size:.68rem !important;
  }

  .garden-master-page .garden-master-side-card h3{
    font-size:.9rem !important;
    margin:.2rem 0 .4rem !important;
  }

  .garden-master-page .garden-master-side-card p,
  .garden-master-page .garden-master-side-list li{
    font-size:.75rem !important;
    line-height:1.36 !important;
  }

  /* Ergebnisbereich insgesamt kleiner */
  .qv2-result-dashboard{
    gap:10px !important;
    margin-top:13px !important;
  }

  .qv2-result-hero{
    padding:13px 15px !important;
    gap:9px !important;
    border-radius:14px !important;
  }

  .qv2-result-title h2{
    font-size:1.5rem !important;
  }

  .qv2-result-tag{
    padding:4px 7px !important;
    font-size:.68rem !important;
  }

  .qv2-kpi{
    min-width:125px !important;
    padding:10px 11px !important;
  }

  .qv2-kpi__icon{
    width:31px !important;
    height:31px !important;
    font-size:.95rem !important;
  }

  .qv2-kpi strong{
    font-size:1.05rem !important;
  }

  .qv2-dashboard-grid{
    gap:10px !important;
    grid-template-columns:minmax(0,.90fr) minmax(0,1.12fr) minmax(230px,.62fr) !important;
  }

  .qv2-panel{
    padding:13px !important;
    border-radius:13px !important;
  }

  .qv2-panel h3{
    font-size:.9rem !important;
    margin-bottom:9px !important;
  }

  .qv2-area-layout{
    grid-template-columns:minmax(0,1fr) 115px !important;
    gap:9px !important;
  }

  .qv2-area-row{
    font-size:.69rem !important;
    gap:6px !important;
  }

  .qv2-area-row strong{
    font-size:.69rem !important;
  }

  .qv2-area-row em{
    font-size:.66rem !important;
  }

  .qv2-donut__text strong{
    font-size:.9rem !important;
  }

  .qv2-donut__text span{
    font-size:.6rem !important;
  }

  .qv2-plan-visual{
    min-height:275px !important;
  }

  .qv2-plan-visual svg{
    min-height:275px !important;
    max-height:360px !important;
  }

  .qv2-order{
    gap:7px !important;
  }

  .qv2-order__num{
    width:20px !important;
    height:20px !important;
    font-size:.6rem !important;
  }

  .qv2-order strong{
    font-size:.72rem !important;
  }

  .qv2-order small{
    font-size:.64rem !important;
  }

  /* Empfehlungsbereich kleiner */
  .qv2-single-plan{
    padding:16px !important;
    border-radius:14px !important;
  }

  .qv2-single-plan__grid{
    gap:13px !important;
    padding-top:16px !important;
  }

  .qv2-single-plan h3{
    font-size:1.05rem !important;
  }

  .qv2-single-plan__intro{
    font-size:.76rem !important;
    margin-bottom:9px !important;
  }

  .qv2-single-plan__points{
    gap:5px 10px !important;
  }

  .qv2-single-plan__points li{
    font-size:.7rem !important;
  }

  .qv2-single-plan__budget{
    padding:11px !important;
  }

  .qv2-single-plan__budget strong{
    font-size:1.35rem !important;
  }

  /* Beispielbild etwas niedriger */
  .qv2-example-visual__head{
    padding:12px 14px 9px !important;
  }

  .qv2-example-visual__head h3{
    font-size:.95rem !important;
  }

  .qv2-example-visual__head span{
    font-size:.72rem !important;
  }

  .qv2-example-visual__image{
    min-height:220px !important;
  }

  .qv2-example-visual__image img{
    max-height:420px !important;
    aspect-ratio:16/7 !important;
  }

  /* Detail-Dropdown kleiner */
  .qv2-original-details > summary{
    padding:11px 42px 11px 14px !important;
    font-size:.8rem !important;
  }

  .qv2-original-content{
    padding:3px 14px 14px !important;
  }

  /* Beispiele unten kompakter */
  .garden-master-page .garden-master-example-grid{
    gap:10px !important;
  }

  .garden-master-page .garden-master-example__body{
    padding:11px 13px 13px !important;
  }

  .garden-master-page .garden-master-example__body h3{
    font-size:.88rem !important;
  }

  .garden-master-page .garden-master-example__body p{
    font-size:.74rem !important;
    line-height:1.35 !important;
  }

  .garden-master-page .garden-master-next{
    padding:13px 14px !important;
  }
}