/* Gartenheld Gartenrechner V2 – ausschliesslich unter .gh-calc gekapselt. */
.gh-calc{padding:clamp(66px,8vw,132px) var(--pad);background:var(--paper-2);color:var(--ink);scroll-margin-top:104px}
.gh-calc__wrap{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(24px,5vw,92px);align-items:start}
.gh-calc__intro{padding-top:clamp(4px,2vw,36px)}
.gh-calc__eyebrow{color:var(--accent);font-size:var(--label);font-weight:700;letter-spacing:.14em;line-height:1.5;margin:0 0 24px}
.gh-calc h2,.gh-calc h3{font-family:var(--schrift-titel);font-weight:500;line-height:1.02;text-transform:uppercase}
.gh-calc h2{font-size:clamp(44px,5.4vw,88px);margin:0 0 26px;letter-spacing:-.012em}
.gh-calc h2 span{display:block;color:var(--accent)}
.gh-calc__lead{font-size:var(--t-lead);font-weight:700;line-height:1.35;margin:0 0 18px}
.gh-calc__intro>p:not(.gh-calc__eyebrow):not(.gh-calc__lead){max-width:480px;line-height:1.8}
.gh-calc__fact{border-left:3px solid var(--accent);padding:6px 0 6px 18px;margin-top:32px;font-size:14px;line-height:1.7;max-width:480px}
.gh-calc__fact strong{display:block;font-size:15px}
.gh-calc__panel{background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 40px rgba(43,48,31,.05);padding:clamp(19px,3vw,38px);min-width:0}
.gh-calc__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}
.gh-calc__tab{appearance:none;border:1px solid var(--line);padding:13px 10px;background:transparent;color:var(--ink);font:700 14px Arial,sans-serif;cursor:pointer;min-height:48px;transition:background .18s,color .18s}
.gh-calc__tab.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.gh-calc__tab:hover:not(.is-active){background:var(--paper-2)}
.gh-calc__hint{font-size:14px;margin:0 0 16px;color:var(--ink-2)}
.gh-calc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gh-calc__grid--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gh-calc__grid label{display:block;font-size:13px;font-weight:700;color:var(--ink);min-width:0}
.gh-calc__grid label span{font-size:11px;font-weight:400;color:var(--ink-2);display:block}
.gh-calc__grid input{display:block;width:100%;min-width:0;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:0;font:16px Arial,sans-serif;padding:12px;margin-top:7px;min-height:46px}
.gh-calc__grid input:focus-visible,.gh-calc__submit:focus-visible,.gh-calc__tab:focus-visible,.gh-calc__details summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.gh-calc__grid input:invalid:focus{border-color:var(--accent)}
.gh-calc__result{padding:20px;margin-top:24px;background:var(--ink);color:var(--paper)}
.gh-calc__result p{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin:0 0 6px;color:var(--paper-2)}
.gh-calc__result strong{display:block;font-family:var(--schrift-titel);font-size:clamp(44px,4vw,70px);font-weight:500;line-height:1.1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.gh-calc__result span{display:block;font-size:13px;color:var(--paper-2);margin-top:6px}
.gh-calc__details{border-bottom:1px solid var(--line);padding:17px 0;color:var(--ink-2)}
.gh-calc__details summary{cursor:pointer;color:var(--ink);font-size:14px;font-weight:700;line-height:1.5;padding-right:3px}
.gh-calc__details p{font-size:13px;line-height:1.7;margin:13px 0 0}
.gh-calc__contact{padding-top:24px}
.gh-calc__contact h3{font-size:clamp(27px,2.7vw,40px);margin:0 0 9px}
.gh-calc__contact>p:not(.gh-calc__privacy):not(.gh-calc__notice){font-size:14px;color:var(--ink-2);margin:0 0 18px}
.gh-calc__submit{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;border:0;background:var(--accent);color:white;cursor:pointer;font:700 14px Arial,sans-serif;text-align:left;padding:18px;margin-top:23px;line-height:1.35;min-height:54px}
.gh-calc__submit:hover{background:#a93b0c}
.gh-calc__submit span{font-size:23px;font-weight:400}
.gh-calc__privacy{font-size:12px;line-height:1.65;color:var(--ink-2);margin:13px 0 0}
.gh-calc__privacy a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.gh-calc__notice{font-size:13px;line-height:1.65;border-left:3px solid var(--olive);padding:10px 12px;margin:16px 0 0;background:var(--paper-2)}
.gh-calc [hidden]{display:none !important}
@media(max-width:960px){.gh-calc__wrap{grid-template-columns:1fr}.gh-calc__intro{padding-top:0}.gh-calc__intro>p:not(.gh-calc__eyebrow):not(.gh-calc__lead){max-width:760px}.gh-calc__fact{max-width:none;margin-top:18px}}
@media(max-width:480px){.gh-calc{padding:62px 18px}.gh-calc__grid--three{grid-template-columns:1fr 1fr}.gh-calc__grid--three label:last-child{grid-column:1/-1}.gh-calc__panel{padding:19px}.gh-calc__grid{gap:12px}.gh-calc__grid input{padding:11px 9px}.gh-calc__tab{font-size:13px}.gh-calc__result{margin-top:18px}}
@media(max-width:350px){.gh-calc__grid,.gh-calc__grid--three{grid-template-columns:1fr}.gh-calc__grid--three label:last-child{grid-column:auto}}

/* V2: freiwillige Einwilligung – eigenständiger, leicht auffindbarer Bereich. */
.gh-calc__consent{border:1px solid var(--line);background:var(--paper-2);padding:17px 16px 15px;margin:24px 0 0;min-width:0;color:var(--ink)}
.gh-calc__consent legend{padding:0 7px;font-weight:700;font-size:14px}
.gh-calc__consent-choice{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;line-height:1.58}
.gh-calc__consent-choice input{accent-color:var(--accent);width:21px;height:21px;min-width:21px;flex:none;margin:2px 0 0;cursor:pointer}
.gh-calc__consent-choice input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.gh-calc__consent p{font-size:12px;line-height:1.6;color:var(--ink-2);margin:13px 0 0 33px}
.gh-calc__consent a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
@media(max-width:480px){.gh-calc__consent{padding:15px 11px}.gh-calc__consent p{margin-left:0}}

/* V3: Erweiterte Kontaktfelder und getrennte, freiwillige Objektinformationen. */
.gh-calc__form-section{border:0;border-top:1px solid var(--line);padding:20px 0 0;margin:20px 0 0;min-width:0}
.gh-calc__form-section legend{font-size:14px;font-weight:800;color:var(--ink);padding:0 9px 0 0;letter-spacing:.025em}
.gh-calc__form-section legend small{font-size:11px;color:var(--ink-2);font-weight:500;margin-left:5px}
.gh-calc__full{grid-column:1/-1}
.gh-calc__grid select,.gh-calc__grid textarea{display:block;width:100%;min-width:0;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:0;font:16px Arial,sans-serif;padding:12px;margin-top:7px;min-height:46px}
.gh-calc__grid textarea{resize:vertical;min-height:86px;line-height:1.45}
.gh-calc__grid select:focus-visible,.gh-calc__grid textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.gh-calc__form-note,.gh-calc__object>p{font-size:13px;line-height:1.6;color:var(--ink-2);margin:17px 0 14px}
.gh-calc__object{background:var(--paper-2);padding:19px 14px 16px;border:1px solid var(--line);margin-top:25px}
.gh-calc__object legend{padding:0 7px}
.gh-calc__object>p{margin:1px 0 16px}
@media(max-width:480px){.gh-calc__object{padding:16px 11px}.gh-calc__grid select,.gh-calc__grid textarea{padding:11px 9px}}

/* V4 – leichter Mini-Rechner wie auf der SBS-CALC-Landingpage.
   Kundendaten sind erst nach bewusster Aktion im barrierearmen Dialog sichtbar. */
.gh-calc{padding:clamp(50px,6vw,82px) var(--pad)}
.gh-calc__wrap{max-width:1120px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(26px,5vw,70px);align-items:center}
.gh-calc__intro{padding:0}
.gh-calc__eyebrow{margin-bottom:14px;font-size:10px}
.gh-calc h2{font-size:clamp(36px,4.2vw,59px);line-height:1.01;margin-bottom:15px}
.gh-calc__intro>p:not(.gh-calc__eyebrow):not(.gh-calc__lead){font-size:14px;line-height:1.65;max-width:440px}
.gh-calc__lead{font-size:clamp(16px,1.35vw,20px);margin-bottom:10px}
.gh-calc__fact{font-size:12px;line-height:1.55;margin-top:17px;padding:5px 0 5px 12px;max-width:420px}
.gh-calc__fact strong{font-size:13px}
.gh-calc__panel{border-radius:16px;box-shadow:0 12px 36px rgba(43,48,31,.09);padding:clamp(17px,2.5vw,29px)}
.gh-calc__tabs{gap:8px;margin-bottom:16px}
.gh-calc__tab{border-radius:9px;min-height:47px;padding:10px;font-size:13px}
.gh-calc__tab.is-active{background:var(--ink)}
.gh-calc__tab-icon{font-size:20px;line-height:1;margin-right:5px;color:var(--accent)}
.gh-calc__tab.is-active .gh-calc__tab-icon{color:#f9a778}
.gh-calc__hint{font-size:12px;margin-bottom:11px}
.gh-calc__grid{gap:12px}
.gh-calc__grid label{font-size:12px}
.gh-calc__grid input{min-height:43px;padding:10px 12px;border-radius:7px}
.gh-calc__result{border-radius:11px;background:var(--ink);padding:14px 17px;margin-top:15px}
.gh-calc__result p{font-size:10px;margin-bottom:2px}
.gh-calc__result strong{font-size:clamp(37px,3.6vw,52px)}
.gh-calc__result span{font-size:11px;margin-top:2px}
.gh-calc__details{padding:13px 0 10px}
.gh-calc__details summary{font-size:12px}
.gh-calc__details p{font-size:12px}
.gh-calc__launch{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:9px;width:100%;background:var(--accent);color:white;padding:13px 16px;font:bold 15px Arial,sans-serif;min-height:50px;cursor:pointer;margin-top:13px;transition:background .2s,transform .2s}
.gh-calc__launch:hover{background:#a93b0c;transform:translateY(-1px)}
.gh-calc__launch span{font-size:21px}
.gh-calc__mini-note{font-size:11px;line-height:1.5;text-align:center;color:var(--ink-2);margin:10px 0 0}
.gh-calc__dialog-backdrop{position:fixed;inset:0;z-index:100000;background:rgba(19,23,14,.73);display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,24px);backdrop-filter:blur(4px)}
.gh-calc__dialog-backdrop[hidden]{display:none!important}
.gh-calc__dialog{background:var(--paper);border:1px solid var(--line);width:min(100%,680px);max-height:min(92dvh,950px);display:flex;flex-direction:column;border-radius:15px;overflow:hidden;box-shadow:0 24px 90px rgba(0,0,0,.28);color:var(--ink)}
.gh-calc__dialog-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:var(--ink);color:var(--paper);padding:19px 22px}
.gh-calc__dialog-bar>div{display:flex;flex-direction:column;gap:4px}
.gh-calc__dialog-kicker{font-size:10px;color:#ef976b;letter-spacing:.16em;font-weight:700}
.gh-calc__dialog-bar strong{font-family:var(--schrift-titel);font-size:clamp(26px,4vw,35px);font-weight:500;text-transform:uppercase;line-height:1.03}
.gh-calc__dialog-sub{font-size:12px;color:#e9e4d7}
.gh-calc__dialog-close{border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;width:37px;height:37px;min-width:37px;border-radius:50%;font:26px/1 Arial,sans-serif;cursor:pointer}
.gh-calc__dialog-close:hover{background:rgba(255,255,255,.15)}
.gh-calc__dialog-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px clamp(16px,4vw,30px) 25px}
.gh-calc__contact{padding-top:0}
.gh-calc__contact>p:not(.gh-calc__privacy):not(.gh-calc__notice){font-size:13px;margin-top:10px}
.gh-calc__form-section{margin-top:13px;padding-top:17px}
.gh-calc__form-section legend{font-size:13px}
.gh-calc__object{border-radius:9px}
.gh-calc__consent{border-radius:9px}
.gh-calc__submit{border-radius:8px}
.gh-calc__dialog-open,body.gh-calc-dialog-open{overflow:hidden!important}
.gh-calc__dialog :focus-visible,.gh-calc__launch:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:960px){.gh-calc__wrap{grid-template-columns:1fr;max-width:580px;gap:20px}.gh-calc__intro>p:not(.gh-calc__eyebrow):not(.gh-calc__lead){max-width:none}}
@media(max-width:480px){.gh-calc{padding:44px 17px}.gh-calc h2{font-size:39px}.gh-calc__panel{padding:16px;border-radius:13px}.gh-calc__dialog-backdrop{padding:8px;align-items:center}.gh-calc__dialog{max-height:94dvh;border-radius:12px}.gh-calc__dialog-bar{padding:15px}.gh-calc__dialog-scroll{padding:4px 13px 17px}.gh-calc__object{padding:13px 10px}.gh-calc__grid input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.gh-calc__launch{transition:none}}




/* V6 Gartenrechner: SBS-CALC-Prinzip mit fotorealistischen Maß-Visuals. Nur die isolierte Rechnersektion. */
.gh-calc__panel {background:#fffdf9; border:1px solid #e2e0d7; border-radius:20px; padding:clamp(18px,2.6vw,28px); box-shadow:0 24px 64px rgba(37,45,28,.10); }
.gh-calc__tabs {display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;background:#f1f0e8;border:1px solid #e7e4d8;border-radius:14px;margin:0 0 20px}
.gh-calc__tab {border:1px solid transparent;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:8px;padding:11px 8px;min-height:46px;font-weight:750;color:var(--ink);font-size:14px;background:transparent;box-shadow:none}
.gh-calc__tab.is-active {color:#fff;background:var(--ink);border-color:var(--ink);box-shadow:0 4px 10px rgba(29,43,20,.15)}
.gh-calc__tab-icon{width:20px;height:20px;flex-shrink:0;color:var(--accent)}
.gh-calc__tab.is-active .gh-calc__tab-icon{color:#ff9c55}
.gh-calc__hint{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:10px;font-weight:750;letter-spacing:.12em;margin:0 0 9px}
.gh-calc__hint-muted{font-size:11px;font-weight:500;color:var(--ink-2);letter-spacing:0}
.gh-calc__live-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--accent);border-radius:50%}
.gh-calc__measures{display:grid;grid-template-columns:minmax(0,1.20fr) minmax(0,.80fr);gap:12px;align-items:center}
.gh-calc__visual{overflow:hidden;min-width:0;display:block;background:#fff;border:1px solid #ebece5;border-radius:14px;line-height:0;padding:2px;}
.gh-calc__visual img{display:block;width:100%;height:auto;max-height:187px;object-fit:contain;aspect-ratio:945/567}
.gh-calc__fields .gh-calc__grid{display:grid;grid-template-columns:1fr;gap:10px}
.gh-calc__fields .gh-calc__grid label{font-size:12px;line-height:1.25;color:var(--ink);font-weight:750}
.gh-calc__fields .gh-calc__grid label span{display:inline;color:var(--ink-2);font-size:11px;font-weight:400}
.gh-calc__fields .gh-calc__grid input{border:1px solid #d7ddcc;background:#fff;color:var(--ink);min-height:44px;font:bold 16px Arial,sans-serif;border-radius:10px;margin:6px 0 0;padding:9px 12px;box-shadow:0 2px 5px rgba(28,39,22,.025)}
.gh-calc__fields .gh-calc__grid input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(196,72,20,.1)}
.gh-calc__result{margin-top:12px;border-radius:12px;background:var(--ink);padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.gh-calc__result p{font-size:10px;line-height:1.45;margin:0 0 2px;color:#e0dfd0}
.gh-calc__result span{font-size:12px;margin:0;color:#e0dfd0}
.gh-calc__result strong{font-size:clamp(32px,3.5vw,43px);line-height:1.1;white-space:nowrap;letter-spacing:0;font-weight:600}
.gh-calc__details{padding:12px 0 10px}
.gh-calc__launch{border-radius:11px;min-height:51px;margin-top:12px;box-shadow:0 8px 15px rgba(185,65,10,.14)}
@media(max-width:520px){
 .gh-calc__measures{grid-template-columns:minmax(0,1fr);gap:8px}
 .gh-calc__visual img{max-height:188px}
 .gh-calc__fields .gh-calc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .gh-calc__fields .gh-calc__grid--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .gh-calc__fields .gh-calc__grid--three label:last-child{grid-column:auto}
 .gh-calc__fields .gh-calc__grid input{padding:9px 8px;min-height:43px}
 .gh-calc__result{padding:14px}
 .gh-calc__tab{font-size:13px}
}
@media(max-width:365px){.gh-calc__fields .gh-calc__grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.gh-calc__fields .gh-calc__grid--three label:last-child{grid-column:1/-1}}


/* V7: freigegebene visuelle Richtung, ausschließlich Gartenrechner-Bereich */
.gh-calc{background:linear-gradient(145deg,#f5f2e9 0%,#f3f0e7 85%,#ececd8 100%);padding-block:clamp(55px,6vw,96px)}
.gh-calc__wrap{max-width:1310px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,3vw,56px);align-items:center}
.gh-calc__intro{align-self:center}
.gh-calc__eyebrow{font-size:clamp(11px,1vw,14px);letter-spacing:.09em;font-weight:800;margin-bottom:32px;color:#2c4930}
.gh-calc__eyebrow span{color:var(--accent)}
.gh-calc h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:clamp(38px,4.35vw,70px);letter-spacing:-.04em;line-height:1.08;text-transform:none;margin-bottom:16px}
.gh-calc h2 span{color:#c64d14;display:block}
.gh-calc__lead{font:italic 500 clamp(21px,2vw,34px)/1.2 Arial,Helvetica,sans-serif;margin:0 0 clamp(24px,4vw,54px);color:#163b28}
.gh-calc__benefits{display:grid;gap:25px}
.gh-calc__benefit{display:flex;align-items:center;gap:19px}
.gh-calc__benefit-icon{color:#e66a0a;width:48px;min-width:48px;height:48px}
.gh-calc__benefit-icon svg{display:block;width:100%;height:100%}
.gh-calc__benefit strong{font-size:clamp(15px,1.35vw,19px);font-weight:800;color:#263226;display:block;line-height:1.35}
.gh-calc__benefit p{font-size:clamp(12px,1.1vw,15px);margin:2px 0 0;line-height:1.35;color:#33382a}
.gh-calc__panel{background:#fffefb;border:1px solid #e7e5db;border-radius:27px;box-shadow:0 20px 60px rgba(39,43,28,.12);padding:clamp(17px,2.2vw,27px)}
.gh-calc__tabs{background:#f4f1eb;border-radius:17px;padding:5px;gap:5px;margin-bottom:20px}
.gh-calc__tab{border-radius:13px;min-height:61px;font-size:clamp(13px,1.15vw,18px);font-family:Arial,Helvetica,sans-serif;font-weight:800}
.gh-calc__tab.is-active{background:#193e25;box-shadow:0 8px 18px rgba(26,55,23,.16)}
.gh-calc__tab-icon{width:27px;height:27px;color:#1c5a36}
.gh-calc__tab.is-active .gh-calc__tab-icon{color:#fff}
.gh-calc__hint{display:none}
.gh-calc__visual{border:0;background:transparent;border-radius:12px;padding:0}
.gh-calc__visual img{max-height:210px;mix-blend-mode:multiply}
.gh-calc__measures{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:13px}
.gh-calc__fields .gh-calc__grid{gap:12px}
.gh-calc__fields .gh-calc__grid label{font-size:clamp(12px,1.05vw,15px);color:#203e2a}
.gh-calc__fields .gh-calc__grid input{border:1px solid #d7dbd1;min-height:50px;font-size:clamp(16px,1.5vw,19px);background:#fff;border-radius:12px}
.gh-calc__result{margin-top:18px;background:#20562b;border-radius:14px;min-height:79px;padding:12px clamp(14px,2vw,24px);gap:10px}
.gh-calc__result p{font-size:clamp(13px,1.1vw,16px);font-weight:700;letter-spacing:0;text-transform:none;margin:0;color:#fff}
.gh-calc__result span.gh-calc__result-detail{display:none}
.gh-calc__result strong{font-size:clamp(29px,3vw,45px);font-family:Arial,Helvetica,sans-serif;font-weight:800;color:#fff}
.gh-calc__details{margin-top:15px;padding:0;border:0;border-radius:17px;background:#f5f2ea;overflow:hidden}
.gh-calc__details summary{padding:14px 18px;color:#1d402b;font-weight:800;font-size:clamp(13px,1.2vw,17px);cursor:pointer}
.gh-calc__details[open] summary{padding-bottom:9px}
.gh-calc__factors{padding:0 14px 15px}
.gh-calc__factors[hidden]{display:none!important}
.gh-calc__factors-list{padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none}
.gh-calc__factor{margin:0;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;gap:3px;padding:3px 5px;border-right:1px solid #e0dbce}
.gh-calc__factor:last-child{border:0}
.gh-calc__factor-icon{color:#1d5130;width:30px;height:30px;display:block}
.gh-calc__factor-icon svg{width:100%;height:100%;display:block}
.gh-calc__factor strong{font-size:clamp(10px,.9vw,13px);line-height:1.2;color:#123821}
.gh-calc__factor small{color:#4f5a4a;font-size:clamp(9px,.72vw,11px);line-height:1.2}
.gh-calc__factor-extra{font-size:11px;line-height:1.45;margin:13px 3px 0;color:#4c574a}
.gh-calc__launch{background:#ec6b05;border-radius:14px;min-height:62px;font-size:clamp(17px,1.4vw,21px);justify-content:center;position:relative;box-shadow:0 10px 18px rgba(189,76,10,.14);margin-top:15px}
.gh-calc__launch:hover{background:#cd5200}
.gh-calc__launch span{position:absolute;right:22px}
.gh-calc__mini-note{font-size:11px;margin-top:9px}
@media(max-width:960px){.gh-calc__wrap{grid-template-columns:1fr;max-width:660px;gap:24px}.gh-calc__eyebrow{margin-bottom:17px}.gh-calc__lead{margin-bottom:22px}.gh-calc__benefits{grid-template-columns:repeat(3,1fr);gap:10px}.gh-calc__benefit{align-items:flex-start;gap:8px}.gh-calc__benefit-icon{min-width:28px;width:28px;height:28px}.gh-calc__benefit strong{font-size:12px}.gh-calc__benefit p{font-size:11px}}
@media(max-width:580px){.gh-calc{padding-inline:17px}.gh-calc h2{font-size:clamp(36px,9vw,53px)}.gh-calc__benefits{grid-template-columns:1fr;gap:11px}.gh-calc__benefit{align-items:center;gap:12px}.gh-calc__benefit-icon{width:30px;height:30px;min-width:30px}.gh-calc__benefit strong{font-size:13px}.gh-calc__benefit p{font-size:12px}.gh-calc__panel{padding:14px;border-radius:20px}.gh-calc__tabs{margin-bottom:12px}.gh-calc__tab{min-height:48px;font-size:12px}.gh-calc__tab-icon{width:20px;height:20px}.gh-calc__measures{grid-template-columns:1fr;gap:8px}.gh-calc__visual img{max-height:178px}.gh-calc__fields .gh-calc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gh-calc__fields .gh-calc__grid--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.gh-calc__fields .gh-calc__grid--three label:last-child{grid-column:auto}.gh-calc__fields .gh-calc__grid input{min-height:44px;font-size:16px}.gh-calc__result{min-height:69px}.gh-calc__result p{font-size:12px}.gh-calc__result strong{font-size:clamp(25px,8vw,38px)}.gh-calc__factors{padding:0 10px 12px}.gh-calc__factor{padding:4px 2px}.gh-calc__factor-icon{width:24px;height:24px}.gh-calc__factor strong{font-size:9px}.gh-calc__factor small{font-size:8px}.gh-calc__launch{min-height:54px;font-size:17px}}
@media(max-width:350px){.gh-calc__factors-list{grid-template-columns:repeat(3,1fr);row-gap:12px}.gh-calc__factor:nth-child(3){border:0}.gh-calc__fields .gh-calc__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.gh-calc__fields .gh-calc__grid--three label:last-child{grid-column:auto}}

/* V8: ausschliesslich die bereits freigegebene Gartenrechner-Grafik angleichen.
   Kein globaler CSS-Selektor, Popup und Ablauf bleiben unveraendert. */
@media (min-width: 961px) {
  .gh-calc { position:relative; isolation:isolate; overflow:hidden; }
  .gh-calc::before { content:""; position:absolute; inset:auto auto 0 0; width:min(39vw,650px); height:min(12vw,199px); background:url("assets/gartenrechner-wiese-v8.webp") bottom left / contain no-repeat; pointer-events:none; z-index:-1; opacity:.68; mix-blend-mode:multiply; }
}
.gh-calc__eyebrow { letter-spacing:.07em; }
/* Angebots-Popup bleibt ungeaendert und wird nur durch den Klick geoeffnet. */

/* GARTENRECHNER V9 — EXAKTE FREIGABE-REFERENZ: NUR .gh-calc.
   Alle anderen Website-Bereiche und das Anfrage-Popup bleiben unberührt. */
.gh-calc {
  background:linear-gradient(132deg,#fffdf8 0%,#f9f6ef 66%,#f5f4e8 100%);
  padding:16px clamp(20px,2.35vw,40px) 18px;
}
.gh-calc__wrap {
  width:100%; max-width:1650px; margin:0 auto;
  grid-template-columns:minmax(0,.57fr) minmax(0,1fr);
  gap:clamp(24px,2.2vw,40px); align-items:start;
}
.gh-calc__intro{padding:clamp(30px,2.55vw,45px) 0 24px clamp(0px,1.4vw,24px);align-self:start}
.gh-calc__eyebrow{
  color:#184629;font:800 clamp(14px,1.30vw,22px)/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.065em;position:relative;margin:0 0 clamp(68px,4.75vw,82px)
}
.gh-calc__eyebrow::after{content:'';position:absolute;left:0;bottom:-38px;width:95px;height:6px;border-radius:8px;background:#e76508}
.gh-calc h2{font:800 clamp(41px,3.95vw,68px)/1.09 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:0 0 24px;color:#123921}
.gh-calc h2 span{display:block;color:#e75e04}
.gh-calc__lead{font:italic 500 clamp(25px,2.4vw,39px)/1.2 Arial,Helvetica,sans-serif;margin:0 0 clamp(42px,4vw,70px);color:#0f3b28}
.gh-calc__benefits{gap:clamp(24px,2.7vw,40px)}
.gh-calc__benefit{gap:20px;align-items:center}
.gh-calc__benefit-icon{width:74px;height:70px;min-width:74px;color:#e96808;display:grid;place-items:center}
.gh-calc__benefit-icon img{width:100%;height:100%;object-fit:contain;display:block}
.gh-calc__benefit strong{font:800 clamp(17px,1.5vw,24px)/1.2 Arial,Helvetica,sans-serif;color:#141c17}
.gh-calc__benefit p{font:400 clamp(14px,1.22vw,18px)/1.32 Arial,Helvetica,sans-serif;margin:4px 0 0;color:#232823}
.gh-calc__panel{border-radius:38px;padding:24px 26px 30px;background:rgba(255,255,255,.98);border:1px solid #e9e7e0;box-shadow:0 13px 44px rgba(43,48,31,.13)}
.gh-calc__tabs{padding:5px;gap:0;margin-bottom:17px;border-radius:25px;background:linear-gradient(135deg,#faf8f4,#f5f1e9);border:0;box-shadow:0 4px 8px #59533a1a}
.gh-calc__tab{min-height:86px;border-radius:20px;font:800 clamp(18px,1.68vw,27px)/1.1 Arial,Helvetica,sans-serif;gap:16px}
.gh-calc__tab.is-active{background:#113b18;box-shadow:0 7px 16px #3d3b2526}
.gh-calc__tab-icon{width:46px;height:46px;color:#104523;stroke-width:1.9}
.gh-calc__tab.is-active .gh-calc__tab-icon{color:white}
.gh-calc__measures{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:15px;min-height:323px;align-items:center}
.gh-calc__visual{border:0;border-radius:0;background:transparent;overflow:visible;padding:0}
.gh-calc__visual img{width:100%;max-height:330px;height:auto;aspect-ratio:auto;mix-blend-mode:normal;object-fit:contain}
.gh-calc__fields .gh-calc__grid{display:grid;grid-template-columns:1fr;gap:20px}
.gh-calc__fields .gh-calc__grid label{color:#113824;font:800 clamp(16px,1.45vw,23px)/1.2 Arial,Helvetica,sans-serif}
.gh-calc__fields .gh-calc__grid label span:not(.gh-calc__input-unit){font-size:clamp(13px,1.13vw,18px);font-weight:400;color:#122b1c}
.gh-calc__input-unit{position:relative;display:block;min-width:0;margin-top:10px}
.gh-calc__fields .gh-calc__grid .gh-calc__input-unit input{margin:0;width:100%;min-width:0;min-height:69px;border-radius:17px;padding:12px 45px 12px 20px;font:800 clamp(19px,1.75vw,29px)/1.2 Arial,Helvetica,sans-serif;color:#103421;background:#fff;border:2px solid #d9d9d6}
.gh-calc__fields .gh-calc__grid .gh-calc__input-unit>span{position:absolute;right:21px;top:50%;transform:translateY(-50%);font:500 23px Arial,sans-serif;color:#777b78;pointer-events:none}
.gh-calc__result{background:linear-gradient(100deg,#195223,#2a712b);margin-top:15px;min-height:90px;padding:14px 24px;border-radius:19px;color:white}
.gh-calc__result-info{display:flex;align-items:center;gap:19px}
.gh-calc__result-icon{flex:none;width:54px;height:54px;color:#fff}
.gh-calc__result p{font:700 clamp(16px,1.45vw,24px)/1.2 Arial,sans-serif;color:white}
.gh-calc__result strong{font:800 clamp(31px,3.15vw,59px)/1.08 Arial,Helvetica,sans-serif;color:white}
.gh-calc__details{margin-top:20px;background:#f8f4ec;border-radius:20px}
.gh-calc__details summary{padding:18px 21px 12px;font:800 clamp(17px,1.3vw,23px)/1.2 Arial,sans-serif;color:#0c301e}
.gh-calc__details[open] summary{padding-bottom:9px}
.gh-calc__factors{padding:0 13px 21px}
.gh-calc__factor{gap:5px;padding:5px 8px}
.gh-calc__factor-icon{width:38px;height:38px}
.gh-calc__factor strong{font-size:clamp(12px,1.02vw,17px);line-height:1.17}
.gh-calc__factor small{font-size:clamp(10px,.82vw,13px);line-height:1.23}
.gh-calc__launch{min-height:82px;margin-top:21px;border-radius:19px;background:linear-gradient(180deg,#f77400,#ed6500);font-size:clamp(22px,1.95vw,31px);box-shadow:0 11px 19px #9c4b161e}
.gh-calc__launch span{right:26px;font-size:38px}
.gh-calc__mini-note{display:none}
@media(max-width:1180px) and (min-width:961px){
 .gh-calc__wrap{grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:23px}
 .gh-calc h2{font-size:clamp(38px,4vw,52px)}
 .gh-calc__panel{padding:18px}
 .gh-calc__tab{min-height:65px;font-size:17px}
 .gh-calc__tab-icon{width:31px;height:31px}
 .gh-calc__measures{grid-template-columns:1.3fr 1fr;min-height:238px}
 .gh-calc__visual img{max-height:240px}
 .gh-calc__fields .gh-calc__grid .gh-calc__input-unit input{min-height:52px;font-size:18px}
 .gh-calc__fields .gh-calc__grid label{font-size:15px}
 .gh-calc__result strong{font-size:31px}
 .gh-calc__result-icon{width:34px;height:34px}
 .gh-calc__result{min-height:75px}
 .gh-calc__factor strong{font-size:11px}
 .gh-calc__factor small{font-size:9px}
 .gh-calc__launch{min-height:65px;font-size:21px}
}
@media(max-width:960px){
 .gh-calc{padding:50px clamp(16px,4vw,30px) 55px}
 .gh-calc__wrap{display:grid;grid-template-columns:1fr;gap:24px;width:min(100%,700px)}
 .gh-calc__intro{padding:0}
 .gh-calc__eyebrow{margin-bottom:28px;font-size:14px}
 .gh-calc__eyebrow::after{bottom:-14px;width:60px;height:4px}
 .gh-calc h2{font-size:clamp(35px,7vw,55px);max-width:100%;margin-bottom:10px}
 .gh-calc__lead{font-size:clamp(23px,4.5vw,31px);margin-bottom:23px}
 .gh-calc__benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .gh-calc__benefit{gap:8px;align-items:flex-start}
 .gh-calc__benefit-icon{width:36px;min-width:36px;height:40px}
 .gh-calc__benefit strong{font-size:13px}
 .gh-calc__benefit p{font-size:11px}
 .gh-calc__panel{padding:18px;border-radius:24px}
 .gh-calc__tab{min-height:61px;font-size:17px}
 .gh-calc__tab-icon{width:29px;height:29px}
 .gh-calc__measures{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);min-height:240px}
 .gh-calc__visual img{max-height:235px}
 .gh-calc__fields .gh-calc__grid .gh-calc__input-unit input{min-height:54px;font-size:19px}
 .gh-calc__fields .gh-calc__grid label{font-size:16px}
 .gh-calc__result{min-height:78px}
 .gh-calc__result-icon{width:35px;height:35px}
 .gh-calc__result p{font-size:16px}
 .gh-calc__result strong{font-size:33px}
 .gh-calc__launch{min-height:68px;font-size:24px}
}
@media(max-width:580px){
 .gh-calc{padding:35px 14px 40px}
 .gh-calc__wrap{gap:17px}
 .gh-calc__eyebrow{font-size:12px;margin-bottom:26px}
 .gh-calc h2{font-size:clamp(35px,9vw,49px);letter-spacing:-.035em}
 .gh-calc__lead{font-size:24px;margin-bottom:15px}
 .gh-calc__benefits{grid-template-columns:1fr;gap:9px}
 .gh-calc__benefit{align-items:center;gap:11px}
 .gh-calc__benefit-icon{width:32px;min-width:32px;height:34px}
 .gh-calc__benefit strong{font-size:13px}
 .gh-calc__benefit p{font-size:11px}
 .gh-calc__panel{padding:12px;border-radius:19px}
 .gh-calc__tabs{padding:4px;border-radius:15px;margin-bottom:12px}
 .gh-calc__tab{min-height:51px;font-size:13px;gap:6px;border-radius:11px}
 .gh-calc__tab-icon{width:23px;height:23px}
 .gh-calc__measures{grid-template-columns:1fr;gap:7px;min-height:0}
 .gh-calc__visual img{max-height:210px}
 .gh-calc__fields .gh-calc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .gh-calc__fields .gh-calc__grid--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .gh-calc__fields .gh-calc__grid label{font-size:13px}
 .gh-calc__fields .gh-calc__grid label span:not(.gh-calc__input-unit){font-size:11px}
 .gh-calc__input-unit{margin-top:6px}
 .gh-calc__fields .gh-calc__grid .gh-calc__input-unit input{min-height:49px;font-size:16px;border-radius:10px;padding:8px 27px 8px 9px}
 .gh-calc__fields .gh-calc__grid .gh-calc__input-unit>span{font-size:15px;right:8px}
 .gh-calc__result{margin-top:15px;min-height:68px;padding:12px 11px;border-radius:12px;gap:5px}
 .gh-calc__result-info{gap:6px}
 .gh-calc__result-icon{width:25px;height:25px}
 .gh-calc__result p{font-size:12px}
 .gh-calc__result strong{font-size:clamp(22px,6.4vw,31px)}
 .gh-calc__details{margin-top:12px;border-radius:13px}
 .gh-calc__details summary{font-size:13px;padding:12px 12px 9px}
 .gh-calc__factors{padding:0 7px 12px}
 .gh-calc__factors-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}
 .gh-calc__factor:nth-child(3){border:0}
 .gh-calc__factor-icon{width:27px;height:27px}
 .gh-calc__factor strong{font-size:10px}
 .gh-calc__factor small{font-size:9px}
 .gh-calc__launch{min-height:58px;font-size:20px;border-radius:12px;margin-top:12px}
 .gh-calc__launch span{right:15px;font-size:27px}
}
@media(max-width:365px){
 .gh-calc__fields .gh-calc__grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gh-calc__fields .gh-calc__grid--three label:last-child{grid-column:1/-1}
 .gh-calc__result strong{font-size:21px}
}

/* Reiterbezogenes Piktogramm in der Ergebnisleiste: Rasen bzw. Hecke. */
.gh-calc__result-hedge{display:none}
.gh-calc:has(#gh-tab-hecke.is-active) .gh-calc__result-grass{display:none}
.gh-calc:has(#gh-tab-hecke.is-active) .gh-calc__result-hedge{display:block}

/* ================================================================
   Gartenheld V9.2 MINI – ausschliesslich der sichtbare Rechnerblock.
   Die Regeln fuer das Angebots-Popup (.gh-calc__dialog*) sowie dessen
   Formular, JS und die uebrige Webseite bleiben unveraendert.
   Ziel: kompaktere Abmessungen und ruhigere Markenfarben.
   ================================================================ */
.gh-calc{background:linear-gradient(132deg,#fdfbf6 0%,#f7f5ef 72%,#f3f2e9 100%)}
.gh-calc__eyebrow{color:#536b4c}
.gh-calc__eyebrow::after{background:#c96528}
.gh-calc h2{color:#27452f}
.gh-calc h2 span{color:#cb6222}
.gh-calc__lead{color:#355a43}
.gh-calc__benefit-icon img{filter:saturate(.82)}
.gh-calc__tab.is-active{background:#506748;box-shadow:0 3px 10px rgba(40,57,35,.13)}
.gh-calc__tab-icon{color:#41644a}
.gh-calc__result{background:#55764b}
.gh-calc__result p,.gh-calc__result strong{color:#fff}
.gh-calc__details{background:#f5f3ed}
.gh-calc__details summary{color:#31523b}
.gh-calc__factor-icon{color:#456b50}
.gh-calc__launch{background:#d46624;box-shadow:0 6px 14px rgba(164,79,28,.12)}
.gh-calc__launch:hover{background:#b95418}

/* Desktop: knapp halb so hohe sichtbare Kalkulator-Karte, schmaler. */
@media (min-width:961px){
  .gh-calc{padding:22px var(--pad) 26px}
  .gh-calc__wrap{width:100%;max-width:1080px;grid-template-columns:minmax(0,.53fr) minmax(0,1fr);gap:clamp(22px,2vw,34px);align-items:center}
  .gh-calc__intro{padding:0 0 0 4px;align-self:center}
  .gh-calc__eyebrow{font-size:12px;margin:0 0 35px;letter-spacing:.07em}
  .gh-calc__eyebrow::after{bottom:-16px;width:52px;height:3px}
  .gh-calc h2{font-size:clamp(29px,2.2vw,39px);line-height:1.12;margin:0 0 13px;letter-spacing:-.03em}
  .gh-calc__lead{font-size:clamp(18px,1.13vw,21px);line-height:1.22;margin:0 0 26px}
  .gh-calc__benefits{gap:14px}
  .gh-calc__benefit{gap:10px;align-items:center}
  .gh-calc__benefit-icon{width:34px;height:34px;min-width:34px}
  .gh-calc__benefit strong{font-size:14px;line-height:1.22}
  .gh-calc__benefit p{font-size:11px;line-height:1.3;margin:2px 0 0}
  .gh-calc__panel{padding:14px 15px 15px;border-radius:20px;box-shadow:0 10px 30px rgba(43,48,31,.08)}
  .gh-calc__tabs{padding:3px;margin-bottom:8px;border-radius:13px}
  .gh-calc__tab{min-height:46px;padding:8px 7px;border-radius:10px;font-size:15px;gap:8px}
  .gh-calc__tab-icon{width:26px;height:26px}
  .gh-calc__measures{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);min-height:0;gap:12px;align-items:center}
  .gh-calc__visual img{max-height:172px}
  .gh-calc__fields .gh-calc__grid{gap:10px}
  .gh-calc__fields .gh-calc__grid label{font-size:13px;line-height:1.2}
  .gh-calc__fields .gh-calc__grid label span:not(.gh-calc__input-unit){font-size:11px}
  .gh-calc__input-unit{margin-top:5px}
  .gh-calc__fields .gh-calc__grid .gh-calc__input-unit input{min-height:44px;padding:7px 28px 7px 11px;border:1px solid #d8dbd4;border-radius:10px;font-size:17px}
  .gh-calc__fields .gh-calc__grid .gh-calc__input-unit>span{right:10px;font-size:13px}
  .gh-calc__result{margin-top:9px;min-height:55px;padding:8px 12px;border-radius:11px;gap:6px}
  .gh-calc__result-info{gap:8px}
  .gh-calc__result-icon{width:29px;height:29px}
  .gh-calc__result p{font-size:12px;line-height:1.2}
  .gh-calc__result strong{font-size:clamp(25px,1.9vw,32px);line-height:1.13}
  .gh-calc__details{margin-top:9px;border-radius:11px}
  .gh-calc__details summary{padding:9px 12px 5px;font-size:13px;line-height:1.25}
  .gh-calc__details[open] summary{padding-bottom:5px}
  .gh-calc__factors{padding:0 8px 9px}
  .gh-calc__factor{padding:3px 3px;gap:2px}
  .gh-calc__factor-icon{width:23px;height:23px}
  .gh-calc__factor strong{font-size:10px;line-height:1.16}
  .gh-calc__factor small{font-size:9px;line-height:1.15}
  .gh-calc__factor-extra{font-size:10px;margin:7px 3px 0}
  .gh-calc__launch{min-height:47px;margin-top:9px;border-radius:11px;font-size:16px;padding:9px 33px 9px 14px}
  .gh-calc__launch span{right:14px;font-size:23px}
  .gh-calc::before{width:min(29vw,330px);height:min(8vw,95px);opacity:.38}
}
/* Mittlere Displays: der Rechner wird einspaltig, aber bleibt kompakt. */
@media (min-width:581px) and (max-width:960px){
  .gh-calc{padding:30px clamp(18px,4vw,30px) 35px}
  .gh-calc__wrap{max-width:690px;gap:18px}
  .gh-calc__eyebrow{font-size:12px;margin-bottom:26px}
  .gh-calc__eyebrow::after{bottom:-13px;width:52px;height:3px}
  .gh-calc h2{font-size:clamp(31px,4.2vw,42px);margin-bottom:9px}
  .gh-calc__lead{font-size:20px;margin-bottom:18px}
  .gh-calc__benefits{gap:10px}
  .gh-calc__benefit-icon{width:30px;height:30px;min-width:30px}
  .gh-calc__panel{padding:15px;border-radius:20px}
  .gh-calc__tabs{margin-bottom:10px}
  .gh-calc__tab{min-height:48px;font-size:15px}
  .gh-calc__tab-icon{width:25px;height:25px}
  .gh-calc__measures{min-height:0;gap:10px}
  .gh-calc__visual img{max-height:190px}
  .gh-calc__fields .gh-calc__grid{gap:10px}
  .gh-calc__fields .gh-calc__grid .gh-calc__input-unit input{min-height:45px;font-size:17px}
  .gh-calc__result{min-height:58px;margin-top:10px;padding:10px 14px}
  .gh-calc__result strong{font-size:30px}
  .gh-calc__details{margin-top:10px}
  .gh-calc__details summary{font-size:14px;padding:10px 14px 6px}
  .gh-calc__factors{padding-bottom:10px}
  .gh-calc__factor-icon{width:24px;height:24px}
  .gh-calc__launch{min-height:49px;margin-top:10px;font-size:17px}
}
/* Smartphones: kompakter, mit gut nutzbaren 44px-Touch-Zielen. */
@media (max-width:580px){
  .gh-calc{padding:27px 14px 31px}
  .gh-calc__wrap{gap:15px}
  .gh-calc__eyebrow{margin-bottom:21px}
  .gh-calc__eyebrow::after{bottom:-10px;width:45px;height:3px}
  .gh-calc h2{font-size:clamp(30px,7.8vw,40px);margin-bottom:8px}
  .gh-calc__lead{font-size:19px;margin-bottom:13px}
  .gh-calc__benefits{gap:7px}
  .gh-calc__benefit{gap:9px}
  .gh-calc__benefit-icon{width:28px;height:28px;min-width:28px}
  .gh-calc__benefit p{font-size:11px}
  .gh-calc__panel{padding:11px;border-radius:16px}
  .gh-calc__tabs{margin-bottom:9px}
  .gh-calc__tab{min-height:44px}
  .gh-calc__tab-icon{width:21px;height:21px}
  .gh-calc__visual img{max-height:160px}
  .gh-calc__fields .gh-calc__grid .gh-calc__input-unit input{min-height:44px}
  .gh-calc__result{min-height:58px;margin-top:9px}
  .gh-calc__result strong{font-size:clamp(21px,6vw,29px)}
  .gh-calc__details{margin-top:9px}
  .gh-calc__details summary{padding:10px 11px 7px}
  .gh-calc__launch{min-height:48px;margin-top:9px;font-size:17px}
}


/* V9.6: deutlich sichtbare Versandbestaetigung im bestehenden Popup.
   Nur Statusmeldungen / abgeschickter Button, kein allgemeines Redesign. */
.gh-calc__notice[data-state="success"]{
  display:flex;align-items:flex-start;gap:14px;
  margin:18px 0 4px;padding:19px 18px;
  border:2px solid #9db69b;border-left:7px solid #4e7650;
  border-radius:12px;background:#eaf2e8;color:#253d29;
  box-shadow:0 6px 20px rgba(44,79,45,.1);
  font-size:14px;line-height:1.55;
}
.gh-calc__notice-symbol{
  display:flex;align-items:center;justify-content:center;flex:0 0 38px;
  width:38px;height:38px;border-radius:50%;background:#4e7650;
  color:#fff;font:bold 24px/1 Arial,Helvetica,sans-serif;
}
.gh-calc__notice-copy{display:block;min-width:0}
.gh-calc__notice-copy strong{display:block;font-size:17px;line-height:1.3;color:#2c4b2f;margin:0 0 5px}
.gh-calc__notice-copy>span{display:block;color:#334936;font-size:13px;line-height:1.6}
.gh-calc__submit.is-success,.gh-calc__submit.is-success:hover{background:#4e7650;color:#fff;cursor:default}
.gh-calc__notice[data-state="error"]{
  border-left:5px solid #af432d;background:#fff1eb;color:#702b20;border-radius:8px;padding:14px 16px;
}
@media(max-width:480px){
  .gh-calc__notice[data-state="success"]{gap:10px;padding:15px 12px}
  .gh-calc__notice-symbol{flex-basis:34px;width:34px;height:34px;font-size:21px}
  .gh-calc__notice-copy strong{font-size:16px}
}