@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-400.woff) format("woff")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-500.woff) format("woff")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/poppins-700.woff) format("woff")}
:root{--bg:#f3f5ee;--ink:#1f2a1c;--mute:#5b6a55;--moss:#2f5a2c;--leaf:#8fb339;--soil:#3a2c22;--line:#d5dccb;--panel:#e7ecdc;--onmoss:#f3f5ee;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#141b12;--ink:#e8eee0;--mute:#9db095;--moss:#8fb339;--leaf:#a9cf4a;--soil:#e8eee0;--line:#2c3a28;--panel:#1d281a;--onmoss:#141b12}}
:root[data-theme="dark"]{--bg:#141b12;--ink:#e8eee0;--mute:#9db095;--moss:#8fb339;--leaf:#a9cf4a;--soil:#e8eee0;--line:#2c3a28;--panel:#1d281a;--onmoss:#141b12}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 "Poppins",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:0 22px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:58px}
.logo{font-weight:800;font-size:19px;letter-spacing:-.01em;text-decoration:none}
nav{display:flex;gap:22px;font-size:15px}
nav a{text-decoration:none;color:var(--mute)}nav a:hover,nav a:focus-visible{color:var(--ink)}
.btn{display:inline-block;background:var(--moss);color:var(--onmoss);padding:13px 24px;border-radius:999px;font-weight:600;text-decoration:none;border:0;font:600 16px "Poppins",system-ui,sans-serif;cursor:pointer}
.btn:hover{filter:brightness(1.1)}
:focus-visible{outline:3px solid var(--leaf);outline-offset:3px}
.hero{padding:64px 22px 48px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
h1{font-size:clamp(40px,7vw,76px);line-height:1;letter-spacing:-.035em;font-weight:800;margin:0 0 22px}
.hero p{font-size:19px;color:var(--mute);max-width:46ch;margin:0 0 28px}
.hero .sub{margin-top:18px;font-size:14px;color:var(--mute)}
.art{width:100%;height:auto;max-width:380px;justify-self:center}
section{padding:56px 0;border-top:1px solid var(--line)}
h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.025em;line-height:1.1;margin:0 0 10px}
.lead{color:var(--mute);margin:0 0 30px;max-width:56ch}
.rows{display:grid}
.row{display:grid;grid-template-columns:230px 1fr auto;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.row:first-child{border-top:1px solid var(--line)}
.row h3{margin:0;font-size:20px}.row p{margin:0;color:var(--mute)}.row b{font-weight:600;white-space:nowrap}
.months{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-bottom:18px}
.months button{font:600 14px "Poppins",system-ui,sans-serif;padding:12px 0;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:8px}
.months button[aria-pressed="true"]{background:var(--moss);color:var(--onmoss);border-color:var(--moss)}
.tasks{background:var(--panel);border-radius:14px;padding:24px 26px;min-height:150px}
.tasks h3{margin:0 0 8px;font-size:22px}.tasks ul{margin:0;padding-left:20px}.tasks li{margin:5px 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:s;padding:0;list-style:none;margin:0}
.steps li{counter-increment:s;border-top:3px solid var(--leaf);padding-top:14px}
.steps li::before{content:counter(s);font-weight:800;font-size:30px;color:var(--moss);display:block}
.steps h3{margin:2px 0 6px;font-size:20px}.steps p{margin:0;color:var(--mute)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px}
label{display:block;font-weight:600;font-size:15px;margin:0 0 14px}
input,select,textarea{display:block;width:100%;margin-top:5px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:400 16px "Poppins",system-ui,sans-serif}
textarea{min-height:100px;resize:vertical}
.info p{margin:0 0 14px;color:var(--mute)}.info strong{color:var(--ink);display:block}
#msg{margin-top:14px;font-weight:600;color:var(--moss)}
footer{border-top:1px solid var(--line);padding:26px 0;color:var(--mute);font-size:14px}
@media(max-width:760px){nav{display:none}.hero,.contact{grid-template-columns:1fr}.steps{grid-template-columns:1fr}
.row{grid-template-columns:1fr;gap:4px}.months{grid-template-columns:repeat(6,1fr)}.art{max-width:240px}}
.trust{list-style:none;margin:0;padding:0 0 44px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.trust li{border-left:3px solid var(--leaf);padding-left:14px;color:var(--mute);font-size:15px}.trust b{display:block;color:var(--ink);font-size:18px}
details{border-bottom:1px solid var(--line);padding:16px 0}details:first-of-type{border-top:1px solid var(--line)}
summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--moss);font-size:24px;line-height:1}details[open] summary::after{content:"–"}
details p{margin:10px 0 0;color:var(--mute);max-width:62ch}
.ic{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:18px;cursor:pointer}
.ba{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:2/1;user-select:none;touch-action:pan-y}
.pane{position:absolute;inset:0}.pane svg{width:100%;height:100%;display:block}
.bar{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:#fff;pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.bar::after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#fff;color:#222;display:grid;place-items:center;font-size:18px}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;padding:0}
.ba:focus-within{outline:3px solid var(--leaf);outline-offset:3px}
.tag{position:absolute;top:10px;padding:3px 12px;border-radius:99px;background:rgba(0,0,0,.6);color:#fff;font-size:13px;pointer-events:none}
.calc{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}
.calc input[type=range]{padding:0;accent-color:var(--moss);margin-top:8px}
.calc .chk{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 14px}.chk label{margin:0;font-weight:400}
.calc .chk input{display:inline;width:auto;margin:0 8px 0 0;accent-color:var(--moss)}
.res{background:var(--moss);color:var(--onmoss);border-radius:16px;padding:26px;align-self:start}
.res .big{font-size:clamp(34px,5vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.05}
.res p{margin:8px 0 18px;opacity:.9}.res .btn{background:var(--onmoss);color:var(--moss)}
.note{font-size:13px;color:var(--mute);margin-top:12px}
.callbar{display:none}
@media(max-width:760px){.calc{grid-template-columns:1fr}}
@media(max-width:760px){.trust{grid-template-columns:1fr;gap:14px}body{padding-bottom:70px}
.callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:6;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--line)}
.callbar a{flex:1;text-align:center;padding:12px;border-radius:999px;font-weight:600;text-decoration:none;background:var(--moss);color:var(--onmoss)}
.callbar a+a{background:var(--panel);color:var(--ink)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.quotes figure{margin:0;background:var(--panel);border-radius:14px;padding:22px}
.stars{color:var(--leaf);letter-spacing:2px;font-size:18px}
.quotes blockquote{margin:8px 0 12px}.quotes figcaption{font-weight:600;color:var(--mute);font-size:15px}
.ba img{width:100%;height:100%;object-fit:cover;display:block}
.gal{margin:0 0 26px}.gal figcaption{margin-top:8px;color:var(--mute);font-size:15px}
.legal{padding-top:56px;padding-bottom:56px;max-width:760px}.legal h1{font-size:40px;margin:0 0 20px}
footer a{color:inherit}
@media(max-width:760px){.quotes{grid-template-columns:1fr}}

.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
nav a[aria-current]{color:var(--ink);font-weight:600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hero .now{display:inline-block;margin:0 0 18px;padding:5px 14px;border-radius:99px;background:var(--panel);color:var(--moss);font-weight:600;font-size:14px;max-width:none}
.hero .now:empty{display:none}
.btn{transition:transform .15s ease,filter .15s ease}.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--line);margin:4px 0 4px 8px;padding:11px 22px}
.row{margin:0 -12px;padding-left:12px;padding-right:12px;transition:background .2s ease}.row:hover{background:var(--panel)}
.row h3::before{content:"";display:inline-block;width:11px;height:11px;border-radius:0 80% 0 80%;background:var(--leaf);margin-right:10px;transform:rotate(-8deg)}
.months button.s0{box-shadow:inset 0 -4px #7aa7c7}.months button.s1{box-shadow:inset 0 -4px #8fb339}.months button.s2{box-shadow:inset 0 -4px #e0b12e}.months button.s3{box-shadow:inset 0 -4px #c9763a}
@media(prefers-reduced-motion:no-preference){.art path{transform-box:view-box;transform-origin:160px 270px;animation:sway 7s ease-in-out infinite alternate}@keyframes sway{from{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}}
/* ===== Design 2.0 ===== */
:root{--moss:#17402a;--leaf:#9acd32;--bg:#f4f7ef;--panel:#e8efdd;--dark:#0e2a1b;--ondark:#e9f1e3;--grad:linear-gradient(135deg,#17402a,#2e7d3c);--hl:linear-gradient(90deg,#17402a,#4f9a2e);--glow:0 12px 30px -12px rgba(23,64,42,.6)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--grad:linear-gradient(135deg,#9acd32,#c9ee6a);--hl:linear-gradient(90deg,#9acd32,#d4f27a);--glow:0 12px 30px -12px rgba(154,205,50,.35)}}
:root[data-theme="dark"]{--grad:linear-gradient(135deg,#9acd32,#c9ee6a);--hl:linear-gradient(90deg,#9acd32,#d4f27a);--glow:0 12px 30px -12px rgba(154,205,50,.35)}
body{overflow-x:clip}
header{background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hero{position:relative;isolation:isolate;padding:84px 0 70px}
.hero::before{content:"";position:absolute;z-index:-1;top:-20px;left:50%;width:100vw;height:620px;transform:translateX(-50%);background:radial-gradient(520px 300px at 25% 35%,rgba(154,205,50,.30),transparent 70%),radial-gradient(520px 320px at 80% 25%,rgba(23,64,42,.22),transparent 70%);pointer-events:none}
h1{font-size:clamp(44px,8vw,92px);letter-spacing:-.045em}
.hl{background:var(--hl);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{background:var(--grad);box-shadow:var(--glow)}
.btn.ghost{background:transparent;box-shadow:none}
.marq{overflow:hidden;white-space:nowrap;background:var(--dark);color:var(--ondark);padding:16px 0;margin:0 0 34px}
.marq .track{display:inline-flex;animation:mq 34s linear infinite}
.marq span{font-weight:700;font-size:20px;letter-spacing:-.01em;padding-left:38px}
.marq span::after{content:"✿";margin-left:38px;color:var(--leaf)}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marq .track{animation:none}}
main{counter-reset:sec}main section{counter-increment:sec}main section.cta{counter-increment:none}
main section h2::before{content:"0" counter(sec) " —";display:block;font-size:14px;letter-spacing:.14em;color:var(--moss);font-weight:600;margin-bottom:8px}
main section.cta h2::before{display:none}
.rows{grid-template-columns:repeat(3,1fr);gap:18px}
.row{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--panel);transition:transform .25s ease,box-shadow .25s ease}
.row:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(0,0,0,.35);background:var(--panel)}
.row h3{display:flex;align-items:center;gap:12px;font-size:21px}
.row h3::before{content:"✿";width:40px;height:40px;border-radius:12px;background:var(--leaf);color:#17402a;margin:0;transform:none;display:grid;place-items:center;font-size:19px;flex:none}
.row b{background:var(--bg);border-radius:99px;padding:4px 14px;font-size:14px;margin-top:auto}
.row.feat{border-color:var(--leaf);border-width:2px}
.row.feat::after{content:"Beliebt";position:absolute;top:16px;right:16px;font-size:12px;font-weight:700;background:var(--leaf);color:#17402a;padding:3px 11px;border-radius:99px}
@media(max-width:900px){.rows{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.rows{grid-template-columns:1fr}}
.quiz fieldset{border:0;padding:0;margin:0 0 24px}.quiz legend{font-weight:700;font-size:18px;margin-bottom:10px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chips label{margin:0;font-weight:500;position:relative}
.chips input{position:absolute;opacity:0;pointer-events:none;width:1px;margin:0}
.chips span{display:block;padding:11px 20px;border:1px solid var(--line);border-radius:99px;cursor:pointer;background:var(--panel);transition:background .15s}
.chips input:checked+span{background:var(--grad);color:var(--onmoss);border-color:transparent}
.chips input:focus-visible+span{outline:3px solid var(--leaf);outline-offset:2px}
.qbox{background:var(--grad);color:var(--onmoss);border-radius:20px;padding:24px 26px}
.qbox strong{font-size:23px;display:block}.qbox p{margin:6px 0 16px;opacity:.92}
.qbox .btn{background:var(--onmoss);color:var(--moss);box-shadow:none}
.res{background:var(--grad)}
main section.cta{border:0;margin:24px 0;background:var(--grad);color:var(--onmoss);text-align:center;padding:68px 0}
.cta h2{margin:0 0 10px;color:var(--onmoss)}.cta p{opacity:.92;margin:0 auto 26px;max-width:46ch}
.cta .btn{background:var(--onmoss);color:var(--moss);box-shadow:none}
footer{background:var(--dark);color:var(--ondark);border-top:0;margin-top:30px;padding:46px 0}
footer a{color:var(--leaf)}
#prog{position:fixed;top:0;left:0;height:3px;width:0;background:var(--grad);z-index:20}
#totop{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:44px;height:44px;border-radius:50%;border:0;background:var(--grad);color:var(--onmoss);font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s;z-index:7;box-shadow:var(--glow)}
#totop.on{opacity:1;pointer-events:auto}
@media(max-width:760px){#totop{bottom:calc(78px + env(safe-area-inset-bottom,0px))}.hero{padding:50px 22px 40px}}

.art{max-width:440px;border-radius:28px;box-shadow:var(--glow)}
.art path{animation:none}
@media(prefers-reduced-motion:no-preference){.art .bf{animation:fl 6s ease-in-out infinite alternate}@keyframes fl{to{transform:translate(-46px,-20px)}}}
.row h3::before{display:none}
.ico{width:44px;height:44px;border-radius:14px;background:var(--leaf);display:grid;place-items:center;font-size:22px;flex:none}
.plz{margin-top:22px}.plz label{margin:0 0 6px}.plz div{display:flex;gap:10px;max-width:380px}.plz input{margin:0}
.plz p{margin:8px 0 0;font-size:15px;color:var(--moss);font-weight:600}
.rueck{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:7;border:0;border-radius:99px;padding:12px 18px;background:var(--leaf);color:#17402a;font:700 15px "Poppins",system-ui,sans-serif;cursor:pointer;box-shadow:var(--glow)}
dialog{border:0;border-radius:20px;padding:26px;width:min(420px,92vw);background:var(--bg);color:var(--ink)}
dialog::backdrop{background:rgba(10,20,10,.55)}
dialog h3{margin:0 0 6px;font-size:24px}dialog p{margin:0 0 14px;color:var(--mute)}.dlgb{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){.rueck{bottom:calc(78px + env(safe-area-inset-bottom,0px))}}

/* ===== Flyer-Look: Poppins, Dunkelgrün, Limette ===== */
:root{--moss:#06602f;--leaf:#7db524;--bg:#f4f8ee;--panel:#e6f0d8;--dark:#044a24;--ondark:#fff;--grad:linear-gradient(135deg,#06602f,#0f7a3f);--glow:0 12px 30px -12px rgba(6,96,47,.6);--chk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M9 17.5l5.5 5.5L25 12' fill='none' stroke='%230a5c30' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
h1{font-size:clamp(36px,6.4vw,76px);line-height:1.05;letter-spacing:-.03em}
.logo{display:flex;align-items:center;gap:10px}
.logo::before{content:"";width:28px;height:28px;border-radius:50%;background:var(--leaf) var(--chk) center/64% no-repeat;flex:none}
.hero::before{top:0;height:100%;background:radial-gradient(circle at 94% -6%,#0f6b3b 0 210px,transparent 211px),radial-gradient(circle at 3% 104%,#0f6b3b 0 150px,transparent 151px),#06602f}
.hero h1{color:#fff}.hero .hl{background:none;color:var(--leaf)}
.hero p{color:rgba(255,255,255,.9)}.hero .sub{color:rgba(255,255,255,.75)}
.hero .pill{display:inline-block;border:2px solid var(--leaf);color:#fff;border-radius:40px;padding:6px 22px;font-weight:600;font-size:17px;margin:0 0 16px;max-width:none}
.hero .now{background:rgba(255,255,255,.12);color:var(--leaf)}
.hero .btn{background:var(--leaf);color:#06330f;box-shadow:none}
.hero .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.hero .plz label{color:#fff}.hero .plz p{color:var(--leaf)}
.hero .plz input{background:#fff;color:#1f2a1c;border-color:transparent}
.art{box-shadow:0 0 0 8px var(--leaf),0 18px 40px rgba(0,0,0,.35)}
.marq{background:#044a24;border-top:3px solid var(--leaf);margin-bottom:34px}
.ico{font-size:0;background:var(--leaf) var(--chk) center/60% no-repeat}
main section.cta{background:radial-gradient(circle at 94% -30%,#0f6b3b 0 190px,transparent 191px),#06602f;color:#fff}
.cta h2{color:#fff}.cta .btn{background:var(--leaf);color:#06330f}
.cbar{background:#06602f;color:#fff;padding:44px 0 36px;text-align:center;margin-top:0}
.cslo{margin:0 0 18px;font-size:clamp(20px,3vw,28px);font-weight:800;color:var(--leaf)}
.cbox{background:#fff;border-radius:28px;padding:22px 36px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;text-align:left}
.cbox small{display:block;font-size:12px;font-weight:700;letter-spacing:1px;color:#5a7d12}
.cbox a,.cbox span{font-size:21px;font-weight:700;color:#06602f;text-decoration:none;white-space:nowrap}
footer{margin-top:0;background:#044a24;border-top:14px solid var(--leaf)}
@media(max-width:760px){.cbox{flex-direction:column;padding:20px 24px}}

/* WhatsApp */
.btn.wa{background:#25d366;color:#06361a;border-color:#25d366;display:inline-flex;align-items:center;gap:8px}
.btn.wa:hover{filter:brightness(1.05)}
.wafab{position:fixed;right:16px;bottom:72px;z-index:7;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:#25d366;color:#06361a;font-weight:600;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.wafab:hover{filter:brightness(1.05)}
@media(max-width:760px){.wafab{display:none}}

/* ===== Politur 3.0 ===== */
:root{--card:#fff;--band:#ebf2e1;--shadow:0 1px 2px rgba(6,60,30,.06),0 12px 32px -16px rgba(6,60,30,.28)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--card:#1b2619;--band:#101810;--shadow:0 12px 32px -16px rgba(0,0,0,.7)}}
:root[data-theme="dark"]{--card:#1b2619;--band:#101810;--shadow:0 12px 32px -16px rgba(0,0,0,.7)}
::selection{background:var(--leaf);color:#06330f}
:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}
main section:nth-of-type(even):not(.cta){background:var(--band)}
/* Hero-Knöpfe */
.hbtns{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px}
.hbtns .btn,.hbtns .btn.ghost{margin:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;text-align:center}
.hbtns .btn.ghost{padding:11px 22px}
/* Leistungskarten */
.row{background:var(--card);box-shadow:var(--shadow);padding:26px 26px 22px}
.row:hover{background:var(--card)}
.row h3{flex-direction:row;align-items:center;gap:14px;line-height:1.3;min-height:2.7em;margin-bottom:4px}
.ico{width:46px;height:46px;border-radius:50%}
.row b{background:var(--panel)}
/* Garten-Check */
.quiz{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}
.quiz fieldset:last-of-type{margin-bottom:6px}
.quiz legend{line-height:1.35}
@media(min-width:900px){.quiz{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px}.quiz #qres{grid-column:1/-1}.quiz fieldset{margin:0}.quiz legend{min-height:2.7em}}
/* Badge auf dem Kartenrand */
.row.feat::after{top:-13px;right:20px;font-size:12px;padding:4px 12px}
/* Planer */
.calc>div:first-child{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px 28px 14px;box-shadow:var(--shadow)}
.calc .chk{gap:10px}
.calc .chk label{display:inline-flex;align-items:center;padding:9px 18px;border:1px solid var(--line);border-radius:99px;background:var(--panel);cursor:pointer;transition:background .15s,border-color .15s}
.calc .chk label:has(input:checked){background:var(--leaf);border-color:var(--leaf);color:#06330f;font-weight:600}
.calc .res{align-self:start;position:sticky;top:84px}
/* Gartenjahr */
.months{gap:6px}
.months button{background:var(--card);border-radius:12px;padding:14px 0;transition:transform .15s}
.months button:hover{transform:translateY(-2px)}
.months button[aria-pressed="true"]{background:var(--moss);color:var(--onmoss)}
.tasks{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:28px 30px}
.tasks ul{list-style:none;padding:0}
.tasks li{position:relative;padding-left:36px;margin:12px 0}
.tasks li::before{content:"";position:absolute;left:0;top:.25em;width:23px;height:23px;border-radius:50%;background:var(--leaf) var(--chk) center/62% no-repeat}
/* Ablauf */
.steps li{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px 24px;box-shadow:var(--shadow)}
.steps li::before{width:48px;height:48px;border-radius:50%;background:var(--grad);color:var(--onmoss);display:grid;place-items:center;font-size:20px;margin-bottom:14px}
/* FAQ */
details,details:first-of-type{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 24px;margin-bottom:10px;box-shadow:var(--shadow);transition:border-color .2s}
details[open]{border-color:var(--leaf)}
summary{min-height:28px;align-items:center}
/* Kontakt */
.info p{border-left:4px solid var(--leaf);padding:2px 0 2px 16px;margin:0 0 18px}
.info a{text-decoration:none;font-weight:600;color:var(--moss)}
.info a:hover{text-decoration:underline}
.info .btn.wa{margin-top:8px;color:#06361a;font-weight:600}
.contact form{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}
.contact form .btn{width:100%;padding:15px 24px}
.contact input,.contact select,.contact textarea{background:var(--bg)}
/* Weiche Übergänge */
.btn{transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px)}
.cta .btn{margin:6px}
@media(max-width:760px){
 .hbtns .btn,.hbtns .btn.ghost{flex:1 1 100%}
 .row{padding:20px 20px 18px}
 .row h3{min-height:0;gap:12px}
 .ico{width:42px;height:42px}
 .quiz,.calc>div:first-child,.contact form{padding:22px 20px}
 .tasks{padding:22px 20px}
 .calc .res{position:static}
 .cta .btn{display:flex;justify-content:center;margin:10px auto 0;max-width:320px}
}

/* ===== Navigation mobil + kleine Displays ===== */
#mn{display:none}
@media(max-width:900px){
 header nav{display:none}
 #mn{display:inline-grid;place-items:center}
 header.open nav{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:6px 22px 14px;box-shadow:0 18px 30px -18px rgba(0,0,0,.35)}
 header.open nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px;text-decoration:none}
 header.open nav a:last-child{border-bottom:0}
}
@media(max-width:420px){header .btn{display:none}}
.rows>*{min-width:0}
.row h3{overflow-wrap:anywhere}
@media(max-width:620px){.rows{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.row h3{font-size:18px}.hero h1{font-size:34px}}

/* ===== Anschrift und Fußzeile ===== */
.info .adr span{display:block;color:var(--ink);line-height:1.55}
.info .adr span:first-of-type{font-weight:600}
footer{padding-bottom:110px}
footer .fgrid{display:flex;justify-content:space-between;align-items:flex-start;gap:28px 40px;flex-wrap:wrap;font-size:15px}
footer .fadr strong{display:block;font-size:18px;color:#fff;margin-bottom:8px}
footer address{font-style:normal;line-height:1.7;color:rgba(255,255,255,.82)}
footer address span{display:block}
footer address a{display:block;text-decoration:none;margin-top:4px;font-weight:600}
footer address a:hover{text-decoration:underline}
footer .flk{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
footer .fl{display:flex;flex-wrap:wrap;gap:6px 22px}
footer .fl a{text-decoration:none;font-weight:600}
footer .fl a:hover{text-decoration:underline}
footer .flk small{font-size:13px;color:rgba(255,255,255,.6)}
@media(max-width:760px){footer .fgrid{flex-direction:column;gap:22px}footer .flk{align-items:flex-start}footer{padding-bottom:110px}}


/* ===== Bilder, Symbole, Banner, Über mich, Foto-Upload ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;opacity:0}
.ico{font-size:0;background:var(--leaf);color:#06330f;transition:transform .25s ease}
.ico svg{width:26px;height:26px;display:block}
.row:hover .ico{transform:rotate(-8deg) scale(1.08)}
img.art.photo{aspect-ratio:4/3;object-fit:cover;height:auto;display:block}
.banner{display:flex;align-items:center;justify-content:center;background:var(--leaf);color:#06330f;padding:9px 46px 9px 16px;position:relative;font-weight:600;font-size:15px;text-align:center;line-height:1.35}
.banner p{margin:0;max-width:none}.banner a{color:#06330f;text-decoration:underline;white-space:nowrap}
.banner button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;font-size:26px;line-height:1;color:#06330f;cursor:pointer;padding:6px 12px}
.banner[hidden]{display:none}
.logo.has-img::before{display:none}.logo img{display:block;height:40px;width:auto;max-width:210px;object-fit:contain}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.aimg{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:var(--panel)}
.aimg img,.aimg svg{display:block;width:100%;height:auto;aspect-ratio:16/15;object-fit:cover}
.about h2{margin-top:0}.about p{color:var(--mute);font-size:18px;max-width:56ch}
.rev{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 26px;box-shadow:var(--shadow)}
.rev p{margin:0;max-width:60ch}
#bewerten{padding:10px 0 40px}
.phw{margin:0 0 16px}
.phl{display:block;font-weight:600;font-size:14px;margin:0 0 8px}
.phb{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:2px dashed var(--moss);border-radius:99px;color:var(--moss);font-weight:600;cursor:pointer;margin:0;transition:background .2s ease}
.phb:hover{background:var(--panel)}.sr:focus-visible+.phb{outline:3px solid var(--leaf);outline-offset:2px}
.phs{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 4px}.phs:empty{display:none}
.phs figure{position:relative;margin:0;width:86px;height:86px}
.phs img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--line);display:block}
.phs button{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:0;background:#b3261e;color:#fff;font-size:17px;line-height:1;cursor:pointer;padding:0}
.phw small{display:block;color:var(--mute);margin-top:6px;font-size:13px}
@media(max-width:760px){.about{grid-template-columns:1fr;gap:26px}.aimg{max-width:440px}.banner{font-size:14px}}
.row h3{font-size:19px;gap:12px;overflow-wrap:break-word}
.ico{width:44px;height:44px}.ico svg{width:27px;height:27px}
@media(max-width:380px){.row h3{font-size:18px}}


/* ===== Leistungen als Bildkarten ===== */
.sart{--sk:#e3f1cf;--sunc:#f7d95f;--cloud:#fff;--h1:#a9d06a;--h2:#7fb441;--h3:#5f9a33;--og:#06602f;--og2:#0d7a3c;--lmc:#8ec31f;--lfc:#2d8a3e;--wheel:#27402f;--cardw:#fff;--glc:#d6dccf;--stone:#cdd3c6}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .sart{--sk:#16301f;--sunc:#d8c04e;--cloud:#cfe6c4;--h1:#25522a;--h2:#2c6a2e;--h3:#357a33;--og:#1c9a52;--og2:#26b062;--lmc:#9ad22c;--lfc:#3da552;--wheel:#0d1c13;--cardw:#d9e6d2;--glc:#8da088;--stone:#4a5d4d}}
:root[data-theme="dark"] .sart{--sk:#16301f;--sunc:#d8c04e;--cloud:#cfe6c4;--h1:#25522a;--h2:#2c6a2e;--h3:#357a33;--og:#1c9a52;--og2:#26b062;--lmc:#9ad22c;--lfc:#3da552;--wheel:#0d1c13;--cardw:#d9e6d2;--glc:#8da088;--stone:#4a5d4d}
.sart svg .sk{fill:var(--sk)}.sart svg .sun{fill:var(--sunc)}.sart svg .cl{fill:var(--cloud);opacity:.85}
.sart svg .h1{fill:var(--h1)}.sart svg .h2{fill:var(--h2)}.sart svg .h3{fill:var(--h3)}
.sart svg .og{fill:var(--og)}.sart svg .og2{fill:var(--og2)}.sart svg .lm{fill:var(--lmc)}.sart svg .lf{fill:var(--lfc)}
.sart svg .ln{fill:none;stroke:var(--og);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.sart svg .tn{fill:none;stroke:var(--og);stroke-width:3.5;stroke-linecap:round}
.sart svg .tn2{fill:none;stroke:#cfd8d0;stroke-width:3;stroke-linecap:round}
.sart svg .ln2{fill:none;stroke:#8a5a3b;stroke-width:4;stroke-linecap:round}
.sart svg .wh{fill:var(--wheel)}.sart svg .trk{fill:#8a5a3b}.sart svg .soil{fill:#8a5a3b}.sart svg .mulch{fill:#5e3f2a}
.sart svg .stem{fill:none;stroke:var(--lfc);stroke-width:3;stroke-linecap:round}
.sart svg .st{fill:#fff;opacity:.14}.sart svg .gr{fill:#fdf6e3}
.sart svg .br{fill:none;stroke:#b08a5a;stroke-width:3;stroke-linecap:round}
.sart svg .bl{fill:#cfd8d0}.sart svg .pot{fill:#c8683f}.sart svg .pot2{fill:#b45a35}
.sart svg .au1{fill:#e8913a}.sart svg .au2{fill:#d9a521}.sart svg .au3{fill:#c4572f}
.sart svg .t1{fill:#e07a9b}.sart svg .t2{fill:#f4d35e}.sart svg .t3{fill:#e2574c}.sart svg .t4{fill:#f0963a}
.sart svg .stone rect{fill:var(--stone)}.sart svg .wd{fill:none;stroke:var(--lfc);stroke-width:3;stroke-linecap:round}
.sart svg .card2{fill:var(--cardw)}.sart svg .gl{fill:var(--glc)}
.sart svg .chk{fill:none;stroke:var(--lmc);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.sart svg .wchk{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.rows .row.svc{padding:0;gap:0;overflow:visible;align-items:stretch;border-radius:22px}
.rows .row.svc:hover{transform:translateY(-4px)}
.sart{position:relative;aspect-ratio:16/9;border-radius:21px 21px 0 0;overflow:hidden;background:var(--panel)}
.sart>svg,.sart>img{display:block;width:100%;height:100%;object-fit:cover}
.sart .ico{position:absolute;left:18px;bottom:-1px;width:48px;height:48px;border-radius:16px 16px 0 0;background:var(--card);color:var(--moss);box-shadow:none}
.sart .ico svg{width:28px;height:28px}
.rows .row.svc.feat::after{top:12px;right:12px;z-index:2}
.sbody{display:flex;flex-direction:column;gap:8px;padding:12px 24px 22px;flex:1}
.sbody h3{margin:0;font-size:19px;min-height:0;display:block}.sbody p{margin:0;color:var(--mute);flex:1}
.sfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
.sfoot b{margin:0}
.slink{font-weight:600;color:var(--moss);text-decoration:none;white-space:nowrap;border-bottom:2px solid var(--leaf)}
.slink:hover{color:var(--ink)}
.row[hidden]{display:none}
.fchips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.fch{font:inherit;font-weight:600;font-size:15px;padding:9px 18px;border-radius:99px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;transition:background .2s ease,border-color .2s ease}
.fch:hover{border-color:var(--leaf)}.fch.on{background:var(--moss);border-color:var(--moss);color:#fff}
.fch:focus-visible,.slink:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}
@media(prefers-reduced-motion:no-preference){.sart svg{transition:transform .5s ease}.row.svc:hover .sart svg,.row.svc:hover .sart img{transform:scale(1.05)}}

/* ===== Version 3: Hero-Animation, Erreichbarkeit, Kennzahlen, Kontakt-Karten, Fußbereich, FAQ-Suche ===== */
.hdeco{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;overflow:hidden}
.hdeco .grass{position:absolute;left:0;bottom:-1px;width:100%;height:68px;display:block}
.hdeco .g1 path{fill:#0f7a3f}.hdeco .g2 path{fill:#7db524}
.lf{position:absolute;top:-30px;width:14px;height:22px;border-radius:0 100% 0 100%;background:var(--leaf);opacity:.28}
.l1{left:6%}.l2{left:24%;width:10px;height:16px}.l3{left:49%}.l4{left:71%;width:12px;height:18px}.l5{left:91%;width:10px;height:15px}
@media(prefers-reduced-motion:no-preference){
.hdeco .grass g{transform-box:fill-box;transform-origin:50% 100%}
.hdeco .g1{animation:sway 6.5s ease-in-out infinite}
.hdeco .g2{animation:sway 4.8s ease-in-out -2s infinite reverse}
.lf{animation:fall 16s linear infinite}.l2{animation-duration:21s;animation-delay:-7s}.l3{animation-duration:18s;animation-delay:-3s}.l4{animation-duration:24s;animation-delay:-11s}.l5{animation-duration:19s;animation-delay:-14s}
.hero>div:first-child>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.hero>div:first-child>:nth-child(2){animation-delay:.06s}.hero>div:first-child>:nth-child(3){animation-delay:.12s}.hero>div:first-child>:nth-child(4){animation-delay:.18s}.hero>div:first-child>:nth-child(5){animation-delay:.24s}.hero>div:first-child>:nth-child(6){animation-delay:.3s}.hero>div:first-child>:nth-child(7){animation-delay:.36s}
.hero .art{animation:floaty 8s ease-in-out infinite}
.hero .art .bf{animation:flutter 5s ease-in-out infinite;transform-box:fill-box}
}
@keyframes sway{0%,100%{transform:skewX(-1.8deg)}50%{transform:skewX(1.8deg)}}
@keyframes fall{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(70px,760px,0) rotate(440deg)}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes flutter{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-12px)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}70%,100%{box-shadow:0 0 0 9px rgba(61,220,132,0)}}

/* Erreichbarkeit (Live-Status) */
p.open{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;padding:5px 14px;border-radius:99px;font-size:14px;font-weight:600;line-height:1.4;max-width:none;background:var(--panel);color:var(--ink)}
p.open::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:#e8b04a}
p.open.yes::before{background:#2ec46d;animation:pulse 2s infinite}
p.open[hidden]{display:none}
.hero p.open{background:rgba(255,255,255,.12);color:#fff;font-size:14px;margin:0 0 14px}
.hero p.open.yes::before{background:#3ddc84}
.ccard p.open{margin:0 0 10px}

/* Kennzahlen */
.statsband{padding:6px 0 22px}
.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.stats li{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 24px;box-shadow:var(--shadow)}
.stats li::after{content:"";position:absolute;right:-28px;top:-28px;width:96px;height:96px;border-radius:50%;background:var(--panel)}
.stats b{position:relative;z-index:1;display:block;font-size:clamp(36px,5vw,50px);line-height:1;letter-spacing:-.03em;font-weight:800;color:var(--moss)}
.stats span{position:relative;z-index:1;display:block;margin-top:8px;color:var(--mute);font-weight:500;line-height:1.35}

/* Vorteile als Karten */
.trust{gap:18px;padding-bottom:30px}
.trust li{border:1px solid var(--line);border-top:4px solid var(--leaf);border-radius:18px;padding:18px 20px;background:var(--card);box-shadow:var(--shadow);transition:transform .2s ease}
.trust li:hover{transform:translateY(-3px)}

/* Wellenkante über dem Abschluss-Abschnitt */
main section.cta{position:relative}
main section.cta::before{content:"";position:absolute;left:0;right:0;top:-1px;height:46px;background:var(--bg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 46' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v18c-180 30-360 30-540 10S540 6 360 16 90 38 0 22Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 46' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v18c-180 30-360 30-540 10S540 6 360 16 90 38 0 22Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}

/* Kontakt-Karten */
.cfacts{display:grid;gap:12px;margin:0 0 16px}
.info .cf{display:flex;align-items:center;gap:14px;padding:13px 18px;border:1px solid var(--line);background:var(--card);border-radius:18px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);font-weight:400;transition:transform .15s ease,border-color .2s}
.info .cf:hover{transform:translateY(-2px);border-color:var(--leaf);text-decoration:none}
.cfi{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:var(--panel);color:var(--moss)}
.cf small{display:block;color:var(--mute);font-size:13px;line-height:1.2}
.cf b{display:block;font-weight:600;font-size:17px;line-height:1.3;word-break:break-word}
.info .cfwa .cfi{background:#25d366;color:#06361a}
.info .ccard{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:16px 20px;margin:0 0 12px;box-shadow:var(--shadow)}
.ccard h3{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:17px}
.ccard h3 .cfi{width:36px;height:36px;border-radius:12px}
.info .ccard p{border:0;padding:0;margin:0 0 6px}
.hrs{border-collapse:collapse;width:100%}.hrs th{text-align:left;font-weight:600;padding:4px 16px 4px 0;white-space:nowrap;color:var(--ink)}.hrs td{padding:4px 0;color:var(--mute)}
.info .hnote{color:var(--mute);font-size:14px;margin-top:8px}
.cact{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.cact .btn.ghost{margin:0;padding:10px 20px;font-size:15px}

/* Formular: weitere Leistungen */
.contact details.mdet{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 14px;box-shadow:none}
.mdet summary{font-weight:600;font-size:15px;cursor:pointer}
.mchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mchips label{display:inline-block;margin:0;font-weight:500;position:relative}
.mchips input{position:absolute;opacity:0;pointer-events:none;width:1px;margin:0}
.mchips span{display:block;padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:var(--card);font-size:14px;cursor:pointer;transition:background .15s}
.mchips input:checked+span{background:var(--moss);color:var(--onmoss);border-color:var(--moss)}
.mchips input:focus-visible+span{outline:3px solid var(--leaf);outline-offset:2px}
.mchips label[hidden]{display:none}

/* FAQ-Suche */
.fsearch{margin:0 0 18px}
.fsearch input{width:100%;padding:14px 20px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;box-shadow:var(--shadow)}
.fsearch input:focus{outline:3px solid var(--leaf);outline-offset:1px}
#fqn{margin:12px 6px 0;color:var(--mute)}#fqn a{color:var(--moss);font-weight:600}
details[hidden]{display:none}

/* Fußbereich in drei Spalten */
footer .fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px 44px;align-items:start}
footer .fnav,footer .flk{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
footer .fnav strong,footer .flk strong{color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:4px}
footer .fnav a{text-decoration:none;font-weight:500;color:rgba(255,255,255,.88)}
footer .fnav a:hover{color:var(--leaf)}
footer .fl{flex-direction:column;gap:9px}
@media(max-width:760px){footer .fgrid{grid-template-columns:1fr}}
@media(max-width:560px){.hdeco .grass{height:46px}.hero p.open{font-size:13px}}
footer .fl a{color:rgba(255,255,255,.88);font-weight:500}footer .fl a:hover{color:var(--leaf)}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:#fff;color:#06602f;padding:10px 18px;border-radius:99px;font-weight:600;text-decoration:none;box-shadow:0 4px 18px rgba(0,0,0,.25)}.skip:focus{left:12px}
main:focus{outline:none}

/* Version 4: Urlaubshinweis */
.absn{display:flex;gap:9px;align-items:flex-start;margin:0 0 14px;padding:9px 14px;border-radius:14px;background:#fff6dc;color:#5b4300;border:1px solid #f0d98a;font-size:14.5px;font-weight:600;line-height:1.45;max-width:none}
.absn.live{background:#fde8e4;border-color:#f3b5ab;color:#7a1f14}
.hero .absn{background:rgba(255,246,220,.95)}
.hero .absn.live{background:rgba(253,232,228,.97)}
.wabs{margin:-4px 0 12px;padding:8px 12px;border-radius:10px;background:#fff6dc;color:#5b4300;border:1px solid #f0d98a;font-size:14px;max-width:none}
.wabs[hidden]{display:none}
:root[data-theme="dark"] .absn,:root[data-theme="dark"] .wabs{background:#3a3112;color:#ffe9a8;border-color:#6b5a1c}
:root[data-theme="dark"] .absn.live{background:#431a15;color:#ffd2ca;border-color:#7a3329}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .absn,:root:not([data-theme="light"]) .wabs{background:#3a3112;color:#ffe9a8;border-color:#6b5a1c}:root:not([data-theme="light"]) .absn.live{background:#431a15;color:#ffd2ca;border-color:#7a3329}}

/* Version 4: Impressionen + Großansicht */
#impressionen{background:var(--band,var(--bg))}
.pics{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.pic{display:block;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--panel);cursor:zoom-in;aspect-ratio:4/3;position:relative;box-shadow:var(--shadow,0 8px 22px -14px rgba(0,0,0,.4));transition:transform .25s,box-shadow .25s}
.pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.pic:hover img,.pic:focus-visible img{transform:scale(1.05)}
.pic:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}
.lb{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;color:#fff}
.lb::backdrop{background:rgba(8,14,8,.92)}
.lb figure{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 64px 64px;box-sizing:border-box;gap:12px}
.lb img{max-width:100%;max-height:calc(100vh - 150px);object-fit:contain;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.lb figcaption{font-size:16px;text-align:center;max-width:70ch;min-height:1.4em}
.lbx,.lbn{position:absolute;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;cursor:pointer;display:grid;place-items:center;line-height:1}
.lbx:hover,.lbn:hover{background:rgba(255,255,255,.3)}
.lbx{top:14px;right:14px;width:46px;height:46px;font-size:30px}
.lbn{top:50%;transform:translateY(-50%);width:50px;height:50px;font-size:34px}
.lbp{left:12px}.lbnx{right:12px}
.lbk{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:14px;opacity:.85}
@media(max-width:600px){.pics{grid-template-columns:repeat(2,1fr);gap:8px}.lb figure{padding:60px 8px 70px}.lbn{top:auto;bottom:10px;transform:none}.lbp{left:16px}.lbnx{right:16px}}

/* Version 4: Pflegeplan */
.plan{margin-top:34px;padding:26px;border-radius:22px;background:var(--panel);border:1px solid var(--line)}
.plan h3{margin:0 0 6px;font-size:22px}.plan>p{margin:0 0 16px;color:var(--mute);max-width:70ch}
.pchk{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.pchk label{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 18px;border:1px solid var(--line);border-radius:99px;background:var(--bg);cursor:pointer;font-weight:400;transition:background .15s,border-color .15s}
.pchk input{width:auto;margin:0;accent-color:var(--moss)}
.pchk label:has(input:checked){background:var(--leaf);border-color:var(--leaf);color:#06330f;font-weight:600}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:0 0 20px}
.pgrid .pm{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.pgrid .pm b{display:block;color:var(--moss);margin-bottom:4px}.pgrid .pm ul{margin:0;padding-left:18px;font-size:14.5px}.pgrid .pm i{color:var(--mute);font-size:14px}
.pbtns{display:flex;flex-wrap:wrap;gap:10px}
#psheet{display:none}
@media print{
 body.pp{background:#fff!important;color:#000!important}
 body.pp>*:not(#psheet){display:none!important}
 body.pp #psheet{display:block!important;font:13.5px/1.5 Poppins,system-ui,sans-serif;color:#000}
 #psheet h1{font-size:26px;margin:0 0 2px;color:#06602f}#psheet .ps{margin:0 0 16px;color:#444}
 #psheet table{width:100%;border-collapse:collapse}#psheet th,#psheet td{padding:7px 8px;border-bottom:1px solid #bbb;text-align:left;vertical-align:top}
 #psheet th{width:88px;color:#06602f}#psheet tr{break-inside:avoid}#psheet ul{list-style:none;margin:0;padding:0}
 #psheet .pf{margin-top:18px;border-top:2px solid #06602f;padding-top:8px;font-size:12.5px}
}


/* Version 5: reichere Illustrationen (Verläufe, Licht, Schatten) */
.sart{--sk2:#bfe0ee;--hf:#c4dd93;--ft:#a9c97a}
.sart svg .sg1{stop-color:var(--sk2)}.sart svg .sg2{stop-color:var(--sk)}
.sart svg .hf{fill:var(--hf)}.sart svg .ft{fill:var(--ft)}
.sart svg .shd{fill:#000;opacity:.18}.sart svg .hi{fill:#fff;opacity:.3}.sart svg .dk{fill:#000;opacity:.14}
.sart svg .tf{fill:var(--lfc);opacity:.9}
.sart svg .bird{fill:none;stroke:var(--og);stroke-width:1.8;stroke-linecap:round;opacity:.45}
.sart svg .gp{fill:none;stroke:var(--og2);stroke-width:9;stroke-linecap:round}
.sart svg .wt{fill:none;stroke:#7cc6e8;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:.1 8}
.sart svg .stake{fill:none;stroke:#8a5a3b;stroke-width:4;stroke-linecap:round}
.sart svg .hi2{fill:#fff;opacity:.18}.sart svg .hi3{fill:#fff;opacity:.5}.sart svg .hl{fill:none;stroke:#fff;stroke-linecap:round}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .sart{--sk2:#0d1f16;--hf:#1f4326;--ft:#1a3a22}}
:root[data-theme="dark"] .sart{--sk2:#0d1f16;--hf:#1f4326;--ft:#1a3a22}
.pa{--hsk1:#bfe0ee;--hsk2:#eef6d8}
.pa .hs1{stop-color:var(--hsk1)}.pa .hs2{stop-color:var(--hsk2)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .pa{--hsk1:#0b1a12;--hsk2:#1d3326}:root:not([data-theme="light"]) .pa .dkm{opacity:.34}}
:root[data-theme="dark"] .pa{--hsk1:#0b1a12;--hsk2:#1d3326}
:root[data-theme="dark"] .pa .dkm{opacity:.34}
.aimg svg{display:block;width:100%;height:auto}
@media(prefers-reduced-motion:no-preference){
.pa .cl{animation:drift 46s ease-in-out infinite alternate}.pa .cl2{animation-duration:62s;animation-direction:alternate-reverse}
.pa .bf{animation:flutter 5s ease-in-out infinite;transform-box:fill-box}.pa .bf2{animation-duration:7s;animation-delay:-2s}
.sart svg .bf{animation:flutter 5s ease-in-out infinite;transform-box:fill-box}
}
@keyframes drift{from{transform:translateX(-14px)}to{transform:translateX(30px)}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .sart .glw,:root:not([data-theme="light"]) .pa .glw{opacity:.22}}
:root[data-theme="dark"] .sart .glw,:root[data-theme="dark"] .pa .glw{opacity:.22}

/* Version 5: Pflegepakete und Routen-Link */
#pakete{background:var(--panel)}
.pkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:26px;align-items:stretch}
.pkg{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px 26px 26px;box-shadow:0 6px 22px rgba(0,0,0,.06)}
.pkg h3{margin:0;font-size:21px}
.pkg.feat{border:2px solid var(--leaf);box-shadow:var(--glow)}
.pbadge{position:absolute;top:-13px;right:20px;background:var(--leaf);color:#143d0c;font-weight:700;font-size:13px;padding:3px 13px;border-radius:99px}
.pp{margin:0;color:var(--mute)}.pp b{font-size:30px;color:var(--ink);font-weight:800;letter-spacing:-.5px}
.pkg ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;flex:1}
.pkg li{position:relative;padding-left:28px;color:var(--ink)}
.pkg li::before{content:"";position:absolute;left:3px;top:.42em;width:13px;height:7px;border-left:3px solid var(--leaf);border-bottom:3px solid var(--leaf);transform:rotate(-45deg)}
.pkg .btn{text-align:center;margin-top:6px}
.rlink{display:inline-block;font-weight:600;color:var(--moss);text-decoration:none;border-bottom:2px solid var(--leaf);margin-top:2px}.rlink:hover{color:var(--ink)}

/* Version 6: Aktuelles */
.news{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:22px}
.nw{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--leaf);border-radius:16px;padding:18px 20px;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.nw time{display:inline-block;font-size:13px;font-weight:600;color:var(--mute)}
.nw h3{margin:4px 0 6px;font-size:19px}.nw p{margin:0;color:var(--ink)}

/* ===== Version 7: ruhiger und professioneller ===== */
/* Abschnittsmarken als Text statt Nummern (unabhängig davon, welche Bereiche sichtbar sind) */
main section h2::before{content:var(--eb,none);display:block;font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--moss);margin-bottom:12px;padding-left:40px;background:linear-gradient(var(--leaf),var(--leaf)) 0 50%/28px 3px no-repeat}
#leistungen{--eb:"Leistungen"}#pakete{--eb:"Regelmäßige Pflege"}#aktuelles{--eb:"Neuigkeiten"}#check{--eb:"Beratung"}#rechner{--eb:"Planer"}#vorher{--eb:"Ergebnisse"}#impressionen{--eb:"Galerie"}#gartenjahr{--eb:"Gartenjahr"}#ablauf{--eb:"Ablauf"}#ueber{--eb:"Über mich"}#stimmen{--eb:"Kundenstimmen"}#faq{--eb:"Fragen und Antworten"}#kontakt{--eb:"Kontakt"}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
/* Kopfbereich: eine ruhige Zeile statt drei Pillen untereinander */
.hero .pill{display:flex;align-items:center;gap:12px;border:0;padding:0;margin:0 0 16px;background:none;color:var(--leaf);font-size:14px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.hero .pill::before{content:"";width:28px;height:3px;border-radius:3px;background:var(--leaf)}
.hero .hmeta{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0 0 20px}
.hero .hmeta p{margin:0}
.hero .hmeta .now:empty{display:none}
/* Schwebende Knöpfe: am Computer als runde Symbole am Rand, Beschriftung beim Darüberfahren */
.rueck{display:inline-flex;align-items:center;gap:8px}
@media(min-width:761px){
.rueck,.wafab{left:auto;right:22px;width:52px;height:52px;padding:0;justify-content:center;border-radius:50%}
.rueck{bottom:150px}.wafab{bottom:86px}#totop{right:26px;bottom:22px}
.rueck .tip,.wafab .tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(6px);background:#17301f;color:#fff;font:600 13px/1 Poppins,system-ui,sans-serif;padding:9px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}
.rueck:hover .tip,.rueck:focus-visible .tip,.wafab:hover .tip,.wafab:focus-visible .tip{opacity:1;transform:translateY(-50%)}
}
/* Fehlerseite */
.err{padding:90px 22px 110px;text-align:center}
.err .code{margin:0;font-size:clamp(88px,18vw,160px);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--leaf)}
.err h1{margin:6px 0 10px}.err .acts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}.err .btn.ghost{margin:0}
@media(min-width:561px){.hero h1 .hl{white-space:nowrap}}