/* AGRICOIN Hof-App – mobil zuerst, hell/dunkel, AGRICOIN-Gelb #fbb900, Schrift Inter (lokal). Farben wie Hof-Cockpit. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 500;font-display:swap;src:url(../fonts/inter-Regular.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600 700;font-display:swap;src:url(../fonts/inter-SemiBold.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800 900;font-display:swap;src:url(../fonts/inter-ExtraBold.woff2) format('woff2')}
:root{
  --bg:#f6f4ee;--bg2:#ece8dd;--panel:#ffffff;--panel2:#faf8f3;--line:#ddd7c8;--ink:#1f2328;--ink2:#454e55;--mut:#5f686e;
  --brand:#fbb900;--brandInk:#1f2328;--acc:#7a4f00;--glow:rgba(251,185,0,.20);
  --s1:#c4541f;--s2:#9a7400;--s3:#2a72a3;--r:#1b8a52;--est:#fff3c4;--estL:#b88a00;--game:#ffe2a8;
  --good:#1a6e3e;--warn:#7a4f00;--bad:#b3261e;--shadow:0 1px 2px rgba(31,35,40,.05),0 8px 24px rgba(31,35,40,.07);color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0f1214;--bg2:#161a1d;--panel:#1a1e21;--panel2:#20252a;--line:#323a40;--ink:#eceff1;--ink2:#c0c7cc;--mut:#a3adb4;
  --acc:#fbb900;--glow:rgba(251,185,0,.14);--s1:#ff8a57;--s2:#f2c94c;--s3:#5ab4f0;--r:#4fdc95;--est:#3a3110;--estL:#ffcf5a;--game:#4a3a12;
  --good:#6fd39a;--warn:#ffcf5a;--bad:#ff9a8f;--shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px rgba(0,0,0,.4);color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0f1214;--bg2:#161a1d;--panel:#1a1e21;--panel2:#20252a;--line:#323a40;--ink:#eceff1;--ink2:#c0c7cc;--mut:#a3adb4;
  --acc:#fbb900;--glow:rgba(251,185,0,.14);--s1:#ff8a57;--s2:#f2c94c;--s3:#5ab4f0;--r:#4fdc95;--est:#3a3110;--estL:#ffcf5a;--game:#4a3a12;
  --good:#6fd39a;--warn:#ffcf5a;--bad:#ff9a8f;--shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px rgba(0,0,0,.4);color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);background-image:radial-gradient(900px 380px at 90% -10%,var(--glow),transparent 60%);color:var(--ink);font:17px/1.5 'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;overflow-x:hidden}
a{color:var(--acc)}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:8px}
h1,h2,h3{line-height:1.2;letter-spacing:-.01em;margin:0 0 8px}h1{font-size:1.6rem;font-weight:900}h2{font-size:1.25rem;font-weight:800}h3{font-size:1.05rem;font-weight:800}
p{margin:0 0 10px}.small{font-size:.86rem;color:var(--ink2)}.lead{color:var(--ink2)}.hint{display:block;font-size:.82rem;color:var(--mut);margin-top:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:90;background:var(--panel);padding:10px 14px;border-radius:8px}
.wrap{max-width:980px;margin:0 auto;padding:0 16px 40px}
header.top{display:flex;align-items:center;gap:10px;padding:10px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:1 1 auto;min-width:0}.brand img{height:30px;width:auto;display:block}.brand b{font-weight:900;font-size:1.05rem;white-space:nowrap}.brand .lg-d{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand .lg-l{display:none}:root:not([data-theme="light"]) .brand .lg-d{display:block}}
:root[data-theme="dark"] .brand .lg-l{display:none}:root[data-theme="dark"] .brand .lg-d{display:block}
.ctl{display:flex;gap:6px;flex-wrap:wrap}.ctl-u,.ctl-n{display:flex;gap:6px;flex-wrap:wrap}
html{scroll-padding-top:calc(var(--stepsH,0px) + 10px)}
/* Handy: Logo + Werkzeuge in einer Zeile, darunter die Navigation mit Symbol UND kurzer Beschriftung */
@media (max-width:520px){header.top{gap:6px;padding:8px 0}.brand{gap:8px}.brand img{height:24px}.brand b{font-size:.95rem}
.ctl{display:contents}.ctl-u{gap:4px;margin-left:auto}.ctl-u .tg{padding:0 9px;min-width:44px}
.ctl-n{flex:1 1 100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}
.ctl-n .tg{flex-direction:column;gap:1px;padding:4px 2px;min-height:50px;font-size:1rem;line-height:1.1;text-align:center}
.ctl-n .tg .hide-s,.ctl-n .tg .only-s{display:block;font-size:.66rem;font-weight:700;overflow-wrap:anywhere}.ctl-n .tg .hide-s.has-s{display:none}}
.only-s{display:none}
.tg{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;min-width:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:700 .88rem 'Inter',sans-serif;cursor:pointer;text-decoration:none}
.tg.on{background:var(--brand);color:var(--brandInk);border-color:var(--brand)}
@media (max-width:520px){.hide-s{display:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 18px;border-radius:14px;border:2px solid var(--ink);background:var(--ink);color:var(--bg);font:800 1rem 'Inter',sans-serif;cursor:pointer;text-decoration:none;text-align:center;max-width:100%}
.btn.pri{background:var(--brand);border-color:var(--brand);color:var(--brandInk)}.btn.ghost{background:transparent;color:var(--ink)}.btn.bad{background:var(--bad);border-color:var(--bad);color:#fff}
.btn.big{min-height:56px;font-size:1.05rem;padding:0 22px}.btn.sm{min-height:44px;font-size:.88rem;padding:0 12px}
.btns{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.lnk{background:none;border:0;color:var(--acc);font:600 .95rem 'Inter',sans-serif;text-decoration:underline;cursor:pointer;padding:10px 0;min-height:44px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow);margin:0 0 14px}
.bdg{display:inline-block;font:700 .74rem/1.3 'Inter',sans-serif;padding:3px 9px;border-radius:999px;margin:4px 4px 0 0}
.b-est{background:var(--est);color:var(--warn);border:1px solid var(--estL)}.b-own{background:color-mix(in srgb,var(--r) 16%,var(--panel));color:var(--good)}.b-game{background:var(--game);color:var(--warn);border:1px dashed var(--estL)}
.good{color:var(--good)}.bad{color:var(--bad)}
/* Fortschritt */
.steps{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin:0 -16px 12px;padding:8px 16px;border-bottom:1px solid var(--line)}
.steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;counter-reset:s}
.steps li a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--ink2);font:700 .78rem 'Inter',sans-serif;padding:4px 2px;border-radius:12px;min-height:52px;justify-content:center;position:relative}
.steps li a b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--line);background:var(--panel);color:var(--ink);font-weight:900}
.steps li.done a b{background:color-mix(in srgb,var(--r) 22%,var(--panel));border-color:var(--r)}
.steps li.cur a{color:var(--ink)}.steps li.cur a b{background:var(--brand);border-color:var(--brand);color:var(--brandInk);box-shadow:0 0 0 4px var(--glow)}
.stinfo{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:.84rem;color:var(--ink2);flex-wrap:wrap}
.svst{font-weight:700;padding:2px 8px;border-radius:999px;background:var(--panel2)}.sv-ok{color:var(--good)}.sv-off,.sv-err{color:var(--bad)}.sv-wait,.sv-run{color:var(--mut)}
main{outline:none}
/* Anmeldung */
.auth{max-width:520px;margin:10px auto}.aart{border-radius:22px;overflow:hidden;margin-bottom:-28px;box-shadow:var(--shadow)}.aart svg{display:block;width:100%;height:auto}
.acard{position:relative}.acard form{display:flex;flex-direction:column;gap:6px}.acard label{font-weight:700;font-size:.92rem;margin-top:6px}
input[type=email],input[type=password],input[type=text],input[type=number],select{width:100%;min-height:48px;padding:10px 12px;border-radius:12px;border:2px solid var(--line);background:var(--panel2);color:var(--ink);font:500 1rem 'Inter',sans-serif}
input:focus-visible,select:focus-visible{border-color:var(--brand);outline:3px solid var(--glow);outline-offset:0}
.chk{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;cursor:pointer;min-height:44px;padding-top:6px}.chk input{width:22px;height:22px;flex:0 0 22px;accent-color:#e0a600;margin-top:2px}
.atabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 8px;background:var(--panel2);padding:4px;border-radius:14px}
.atabs button{min-height:46px;border:0;border-radius:11px;background:transparent;color:var(--ink2);font:800 .95rem 'Inter',sans-serif;cursor:pointer}.atabs button.on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}
.msg{padding:10px 12px;border-radius:12px;font-weight:600}.msg.ok{background:color-mix(in srgb,var(--r) 16%,var(--panel));color:var(--good)}.msg.bad{background:color-mix(in srgb,var(--bad) 12%,var(--panel));color:var(--bad)}.msg.info{background:var(--est);color:var(--warn)}
.pub{text-align:center;font-size:.9rem;color:var(--ink2)}.done{display:flex;flex-direction:column;gap:12px;text-align:center}
/* Kopfzahl */
.hero{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:16px;margin:0 0 14px;box-shadow:var(--shadow)}.hero.slim{padding:14px 16px}
.big{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer;padding:4px 0;font-family:'Inter',sans-serif;border-radius:12px}
.big .bl{font-weight:700;color:var(--ink2);font-size:.95rem}.big .bv{font-size:2.8rem;font-weight:900;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums;text-decoration:underline dotted color-mix(in srgb,var(--ink) 30%,transparent);text-underline-offset:6px;text-decoration-thickness:2px}.big .bu{font-size:.88rem;color:var(--mut)}
.big.good .bv{color:var(--good)}.big.bad .bv{color:var(--bad)}.big.sink .bv{color:var(--r)}
.sbar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin:10px 0 6px;background:var(--bg2)}.sbar i{display:block;height:100%;transition:width .3s}
.c-s1{background:var(--s1)}.c-s2{background:var(--s2)}.c-s3{background:var(--s3)}.c-sR{background:var(--r)}
.lgd{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.84rem}.lgd button,.lgd span{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--ink);font:500 .86rem 'Inter',sans-serif;cursor:pointer;min-height:36px;padding:0}.lgd i{width:12px;height:12px;border-radius:3px;display:inline-block}
/* Abschnitte */
.sec{padding:0;overflow:hidden}
.sech{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:0;background:none;color:var(--ink);cursor:pointer;text-align:left;min-height:64px}
.sech .sa{width:72px;flex:0 0 72px;border-radius:12px;overflow:hidden;background:var(--panel2)}.sech .sa svg{display:block;width:100%;height:auto}
.sech .st{flex:1;display:flex;flex-direction:column;min-width:0}.sech .st b{font-size:1.05rem;font-weight:800}.sech .st small{color:var(--ink2);font-size:.86rem}.sech .st small b{font-size:.9rem;text-decoration:underline dotted;cursor:pointer}
.sech i{font-style:normal;font-size:1.6rem;font-weight:400;width:32px;text-align:center;color:var(--ink2)}
.secb{padding:4px 14px 16px;border-top:1px solid var(--line)}
.fld{margin:12px 0 4px;padding:8px;border-radius:14px;border:2px solid transparent}
.fld>label{display:block;font-weight:700;font-size:.95rem;margin-bottom:4px}
.fld.is-est{background:var(--est);border-color:color-mix(in srgb,var(--estL) 40%,transparent)}.fld.is-game,.seg.is-game{background:var(--game);border:2px dashed var(--estL)}
.frow{display:flex;gap:10px;align-items:center}.rng{flex:1;min-width:0;height:44px;accent-color:#e0a600}
.nbox{display:flex;align-items:center;gap:6px;flex:0 0 auto}.nbox input{width:118px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.nbox small{color:var(--mut);font-size:.82rem;min-width:2.4em}
.frow .nbox:only-child{flex:1}.frow .nbox:only-child input{width:100%}
.seg{border:0;margin:12px 0 4px;padding:8px;border-radius:14px;display:flex;flex-wrap:wrap;gap:8px}.seg.is-est{background:var(--est)}
.seg legend{font-weight:700;font-size:.95rem;padding:0;margin-bottom:6px;float:left;width:100%}
.opt{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:48px;min-width:88px;flex:1 1 88px;padding:8px;border-radius:14px;border:2px solid var(--line);background:var(--panel);color:var(--ink);font:700 .86rem/1.25 'Inter',sans-serif;cursor:pointer;text-align:center}
.opt .oa svg{width:64px;height:48px;display:block}.opt.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 16%,var(--panel));box-shadow:0 0 0 3px var(--glow)}
.arows{display:flex;flex-direction:column;gap:8px}.arow{display:flex;gap:10px;align-items:center;border-radius:16px;padding:4px;border:1px solid var(--line);background:var(--panel2)}.arow.on{border-color:var(--brand)}
.arow .aa{width:84px;flex:0 0 84px;border-radius:12px;overflow:hidden}.arow .aa svg{display:block;width:100%;height:auto}.arow .ab{flex:1;min-width:0}.arow .fld{margin:0}
.arow .nbox input{width:92px}
details.more{margin-top:10px;border-top:1px dashed var(--line);padding-top:6px}details.more summary{cursor:pointer;font-weight:700;color:var(--acc);min-height:44px;display:flex;align-items:center}
/* Kacheln */
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tilew{display:flex;flex-direction:column;gap:4px}.tilew .fld{margin:0;padding:4px}.tilew .rng{display:none}.tilew .nbox{flex:1}.tilew .nbox input{width:100%}.tilew .fld>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px 6px 8px;border-radius:18px;border:2px solid var(--line);background:var(--panel);color:var(--ink);font:800 .9rem 'Inter',sans-serif;cursor:pointer;text-align:left;box-shadow:var(--shadow)}
.tile .tart{display:block;border-radius:13px;overflow:hidden}.tile .tileart{width:100%;height:auto;display:block}.tile .tl{padding:0 4px;min-height:2.4em;display:flex;align-items:center}
.tile.on{border-color:var(--brand);box-shadow:0 0 0 3px var(--glow),var(--shadow)}
.tile .tchk{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:var(--brand);color:var(--brandInk);display:none;align-items:center;justify-content:center;font-style:normal;font-weight:900}.tile.on .tchk{display:flex}
/* Schritt 2 */
.ybars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.yb{display:flex;flex-direction:column;align-items:center;min-height:60px;border-radius:14px;border:2px solid var(--line);background:var(--panel2);color:var(--ink);font:700 .9rem 'Inter',sans-serif;cursor:pointer;justify-content:center}.yb b{font-size:1.1rem}.yb.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 16%,var(--panel))}
/* Schritt 3 */
.selsum{position:sticky;top:calc(var(--stepsH,0px) + 6px);z-index:20;display:flex;gap:6px;align-items:center;flex-wrap:nowrap;background:var(--ink);color:var(--bg);border-radius:14px;padding:6px 8px;margin:0 0 12px;font-weight:700;font-size:.85rem}.selsum>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.selsum button{background:var(--panel);color:var(--ink);border:0;border-radius:10px;min-height:40px;padding:0 8px;font:800 .9rem 'Inter',sans-serif;cursor:pointer;white-space:nowrap;flex:0 0 auto}.selsum .good b{color:var(--good)}.selsum .bad b{color:var(--bad)}
.mgrid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:760px){.mgrid{grid-template-columns:1fr 1fr}}
.mc{background:var(--panel);border:2px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow);position:relative}.mc.on{border-color:var(--brand);box-shadow:0 0 0 3px var(--glow),var(--shadow)}
.mc::after{content:"";position:absolute;top:12px;right:12px;width:12px;height:12px;border-radius:50%;background:var(--mut)}.mc.a-g::after{background:#1f9a5c}.mc.a-y::after{background:#e0a600}.mc.a-r::after{background:#d0453a}
.mh{display:flex;gap:10px;align-items:center;width:100%;background:none;border:0;color:var(--ink);text-align:left;cursor:pointer;padding:0 22px 0 0;min-height:64px;border-radius:12px}
.mh .ma{width:72px;flex:0 0 72px;border-radius:12px;overflow:hidden;background:var(--panel2)}.mh .ma svg{display:block;width:100%;height:auto}
.mh .mt{flex:1;display:flex;flex-direction:column;min-width:0}.mh .mt b{font-size:1.02rem}.mh .mt small{color:var(--ink2);font-size:.84rem;line-height:1.35}
.sw{flex:0 0 52px;height:30px;border-radius:15px;background:var(--bg2);border:2px solid var(--line);position:relative}.sw i{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--panel);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .2s}
.mc.on .sw{background:var(--brand);border-color:var(--brand)}.mc.on .sw i{left:24px}
.mfig{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px;margin-top:8px}
.mf{display:flex;flex-direction:column;align-items:flex-start;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:6px 8px;cursor:pointer;color:var(--ink);font-family:'Inter',sans-serif;min-height:52px}
.mf small{font-size:.74rem;color:var(--ink2)}.mf b{font-size:1.05rem;font-variant-numeric:tabular-nums}.mf.good b{color:var(--good)}.mf.bad b{color:var(--bad)}.mf.sink b{color:var(--r)}
.co2e{font-size:.86rem;margin:6px 0 0;color:var(--ink2)}.mq{border-top:1px dashed var(--line);margin-top:8px}
/* Schritt 4 */
.verdict{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;margin:0 0 14px;font-size:1.1rem;border:2px solid var(--line);background:var(--panel)}
.amp,.examp{display:inline-flex;flex-direction:column;gap:3px;background:#22272b;padding:5px;border-radius:12px;flex:0 0 auto}.amp i,.examp i{width:16px;height:16px;border-radius:50%;background:#4a5258;display:block}
.a-r .amp i:nth-child(1),.a-n .amp i:nth-child(1),.a-r .examp i:nth-child(1){background:#ff5a4e;box-shadow:0 0 10px #ff5a4e}.a-y .amp i:nth-child(2),.a-y .examp i:nth-child(2){background:#ffc21a;box-shadow:0 0 10px #ffc21a}.a-g .amp i:nth-child(3),.a-g .examp i:nth-child(3){background:#2fd27a;box-shadow:0 0 10px #2fd27a}
.verdict.a-g{border-color:#1f9a5c}.verdict.a-y{border-color:#e0a600}.verdict.a-r{border-color:#d0453a}
.ww{width:100%;height:auto;display:block;max-width:560px;margin:0 auto}.ww .f-s1{fill:var(--s1)}.ww .f-s2{fill:var(--s2)}.ww .f-s3{fill:var(--s3)}.ww .f-sR{fill:var(--r)}
.ww .tv{font:900 15px 'Inter',sans-serif;fill:var(--ink)}.ww .tl{font:700 12px 'Inter',sans-serif;fill:var(--ink)}.ww .ts{font:500 10.5px 'Inter',sans-serif;fill:var(--mut)}.ww .arw{stroke:var(--ink2);stroke-width:2;fill:none}.ww .sep{stroke:var(--line);stroke-dasharray:4 4}
.ww rect[data-sg]{cursor:pointer}
.tw{overflow-x:auto;max-width:100%}.tbl{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:10px;font-variant-numeric:tabular-nums}.tbl th,.tbl td{padding:6px 4px;border-bottom:1px solid var(--line);text-align:right}.tbl th:first-child{text-align:left}.tbl tr.tot td,.tbl tr.tot th{font-weight:900}.tbl tr.sk td{color:var(--r)}
.insc .big .bv{color:var(--good)}
.insc.none .big .bv{color:var(--bad)}
.grid2{display:grid;grid-template-columns:1fr;gap:0 14px}@media (min-width:700px){.grid2{grid-template-columns:1fr 1fr}}
.qbars>div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin:6px 0}.qbars i{grid-column:1/-1;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--r) var(--w),var(--bg2) var(--w))}
.warnc{border-color:var(--estL);background:var(--est)}.infoc{border-color:var(--r)}.passc{border:2px solid var(--brand)}
.exbanner{border:2px dashed var(--estL);background:var(--est);font-weight:600}.exmark{display:inline-block;background:var(--ink);color:var(--bg);font:800 .72rem 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:4px 8px;border-radius:8px}
/* Fuß */
.foot{display:flex;justify-content:space-between;gap:10px;margin:18px 0 0;flex-wrap:wrap}.foot .btn{flex:1 1 160px}
/* Konto */
.kgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width:700px){.kgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ktile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:110px;padding:14px;border-radius:18px;border:2px solid var(--line);background:var(--panel);color:var(--ink);font:800 .95rem 'Inter',sans-serif;cursor:pointer;text-align:left;box-shadow:var(--shadow)}
.ktile .ki{font-size:1.5rem;width:44px;height:44px;border-radius:12px;background:var(--panel2);display:flex;align-items:center;justify-content:center;font-weight:900}.ktile.kbad{color:var(--bad)}
.ktile.liga{grid-column:1/-1;cursor:default}.ktile.liga small{color:var(--ink2);font-weight:500}.lrank{font-size:1.3rem}
/* So gerechnet */
.sheet{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center}.sheet[hidden]{display:none}
.shbg{position:absolute;inset:0;background:rgba(10,12,14,.5)}
.shp{position:relative;background:var(--panel);color:var(--ink);width:100%;max-width:720px;max-height:88vh;overflow:auto;border-radius:22px 22px 0 0;padding:16px 16px 28px;box-shadow:0 -10px 40px rgba(0,0,0,.3)}
@media (min-width:760px){.sheet{align-items:center}.shp{border-radius:22px}}
.shh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;position:sticky;top:-16px;background:var(--panel);padding:4px 0 8px;margin-top:-4px}.shtot{font-size:1.1rem}
.sgl{list-style:none;margin:8px 0;padding:0}.sgl li{border-bottom:1px solid var(--line);padding:10px 0}
.rh{display:flex;justify-content:space-between;gap:10px}.rt{font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.rf{font-size:.88rem;color:var(--ink2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ry{font-size:.8rem;color:var(--mut)}.rs small{color:var(--mut);overflow-wrap:anywhere}
/* Beispielhöfe */
.exhead{margin:6px 0 12px}.exnav{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;margin:0 -16px 6px;padding-left:16px;padding-right:16px;scroll-snap-type:x mandatory}
.exnav a{flex:0 0 132px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);font:700 .8rem/1.25 'Inter',sans-serif;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:5px;box-shadow:var(--shadow)}
.exnav .mini{border-radius:10px;overflow:hidden;display:block}.exnav .mini svg{display:block;width:100%;height:auto}
.exlist{display:flex;flex-direction:column;gap:18px}
.exc{background:var(--panel);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow);scroll-margin-top:12px}
@media (min-width:860px){.exc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
.exart{position:relative;background:var(--panel2)}.exart svg{display:block;width:100%;height:auto}.exart .exmark{position:absolute;left:12px;top:12px}.exart .examp{position:absolute;right:12px;top:12px;flex-direction:row}
.exbody{padding:16px}.exreg{margin-top:-4px}
.story{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;position:relative}
.story li button{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:6px;color:var(--ink);font-family:'Inter',sans-serif;cursor:pointer;text-align:left;min-height:72px}
.story .sn{width:22px;height:22px;border-radius:50%;background:var(--brand);color:var(--brandInk);font:900 .78rem 'Inter',sans-serif;display:flex;align-items:center;justify-content:center}.story small{font-size:.72rem;color:var(--ink2);font-weight:700}.story b{font-size:.84rem;line-height:1.25;overflow-wrap:anywhere}
.exm{list-style:none;margin:4px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.exm li{background:color-mix(in srgb,var(--brand) 18%,var(--panel));border:1px solid color-mix(in srgb,var(--brand) 50%,var(--line));border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:700}
@media (max-width:520px){.story{grid-template-columns:repeat(2,minmax(0,1fr))}}
.exk{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0}@media (min-width:480px){.exk{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kk{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font-family:'Inter',sans-serif;text-align:left}.kk small{font-size:.76rem;color:var(--ink2);font-weight:700}.kk b{font-size:1.2rem;font-weight:900;font-variant-numeric:tabular-nums;text-decoration:underline dotted;text-underline-offset:4px}.kk span{font-size:.82rem;color:var(--ink2)}.kk span.good{color:var(--good);font-weight:800}.kk span.bad{color:var(--bad);font-weight:800}.sinkc{color:var(--r)}
.learn{background:color-mix(in srgb,var(--brand) 12%,var(--panel));border-radius:16px;padding:12px 14px;margin:10px 0}.learn p{margin:4px 0 0}
.verdl{display:flex;gap:8px;align-items:center;font-weight:700}.verdl i{width:14px;height:14px;border-radius:50%;flex:0 0 14px;background:#d0453a}.verdl.a-g i{background:#1f9a5c}.verdl.a-y i{background:#e0a600}
.cmpc .cmprow{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
/* Bericht (Druck) */
.rep{background:#fff;color:#111;border-radius:16px;padding:20px;border:1px solid var(--line)}.rep .rephead{display:flex;gap:16px;align-items:center;border-bottom:3px solid #fbb900;padding-bottom:10px;margin-bottom:12px;flex-wrap:wrap}.rep h1{font-size:1.4rem}.rep .tbl th,.rep .tbl td{border-color:#ddd}.rep .small{color:#444}
body.rep-on .steps{display:none}
@media print{body{background:#fff}header.top,.steps,.noprint,.foot,.sheet{display:none!important}.wrap{max-width:none;padding:0}.rep{border:0;padding:0}}
/* Bild-Kacheln: Animationen aus dem Hof-Cockpit */
@media (prefers-reduced-motion:no-preference){
.tileart .t-sway{animation:tsway 3.4s ease-in-out infinite;animation-delay:calc(var(--d,0s) * -1);transform-box:fill-box}
.tileart .t-chew,.scene .t-chew{animation:tchew 1.8s ease-in-out infinite;animation-delay:calc(var(--d,0s) * -1);transform-box:fill-box}
.tileart .t-graze,.scene .t-graze{animation:tgraze 3.6s ease-in-out infinite;animation-delay:calc(var(--d,0s) * -1);transform-box:fill-box}
.tileart .t-eat{animation:teat 2.2s ease-in-out infinite;animation-delay:calc(var(--d,0s) * -1);transform-box:fill-box}
.tileart .t-nod,.scene .t-nod{animation:tnod 4s ease-in-out infinite;animation-delay:calc(var(--d,0s) * -1);transform-box:fill-box}
.tileart .t-tail,.scene .t-tail{animation:ttail 2.6s ease-in-out infinite;animation-delay:calc(var(--d,0s) * -1);transform-box:fill-box}
.tileart .t-root,.scene .t-root{animation:troot 2.4s ease-in-out infinite;animation-delay:calc(var(--d,0s) * -1);transform-box:fill-box}
.tileart .t-peck,.scene .t-peck{animation:tpeck 2.2s ease-in-out infinite;animation-delay:calc(var(--d,0s) * -1);transform-box:fill-box}
.tileart .t-rot{animation:trot 1.6s linear infinite;transform-box:fill-box;transform-origin:center}
.tileart .t-rustle,.scene .t-rustle{animation:trustle 5s ease-in-out infinite;animation-delay:calc(var(--d,0s) * -1);transform-box:fill-box}
.tileart .t-walk{animation:twalk 9s ease-in-out infinite}
.tileart .t-drive{animation:tdrive 12s ease-in-out infinite alternate}
.tileart .t-cl{animation:tcloud 26s ease-in-out infinite alternate}
.tileart .t-steam{animation:tsteam 2.6s ease-out infinite;animation-delay:calc(var(--d,0s) * -1);transform-box:fill-box}
.tileart .t-dust{animation:tdust 3.3s ease-out infinite;animation-delay:calc(var(--d,0s) * -1);transform-box:fill-box}
.tileart .t-fall{animation:tfall 5.6s linear infinite;animation-delay:calc(var(--d,0s) * -1);transform-box:fill-box}
.tileart .t-leak{animation:tleak 1.3s ease-in-out infinite;transform-box:fill-box}
.tileart .t-sun{animation:tsun 6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
}
@keyframes tw{from{opacity:.3}to{opacity:1}}
@keyframes tsway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes tchew{0%,100%{transform:rotate(0)}30%{transform:rotate(3deg)}60%{transform:rotate(-1.5deg)}}
@keyframes tgraze{0%,100%{transform:rotate(0)}50%{transform:rotate(6deg) translateY(1px)}}
@keyframes teat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(4deg)}}
@keyframes tnod{0%,70%,100%{transform:rotate(0)}80%{transform:rotate(-6deg)}90%{transform:rotate(3deg)}}
@keyframes ttail{0%,100%{transform:rotate(0)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}}
@keyframes troot{0%,100%{transform:rotate(0)}50%{transform:rotate(6deg) translateY(1px)}}
@keyframes tpeck{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(22deg)}80%{transform:rotate(0)}88%{transform:rotate(18deg)}}
@keyframes trot{to{transform:rotate(360deg)}}
@keyframes trustle{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(1.2deg) scale(1.015)}}
@keyframes twalk{0%,100%{transform:translateX(0)}50%{transform:translateX(-14px)}}
@keyframes tdrive{from{transform:translateX(0)}to{transform:translateX(30px)}}
@keyframes tcloud{from{transform:translateX(-8px)}to{transform:translateX(14px)}}
@keyframes tsteam{0%{transform:translate(0,0) scale(.6);opacity:.8}100%{transform:translate(3px,-16px) scale(1.6);opacity:0}}
@keyframes tdust{0%{transform:translate(0,0) scale(.6);opacity:.7}100%{transform:translate(-14px,-6px) scale(1.8);opacity:0}}
@keyframes tfall{0%{transform:translate(0,-10px) rotate(0);opacity:0}10%{opacity:1}100%{transform:translate(12px,46px) rotate(260deg);opacity:0}}
@keyframes tleak{0%,100%{opacity:.5;transform:scale(.9)}40%{opacity:1;transform:scale(1.15)}60%{opacity:.7}}
@keyframes tsun{from{transform:scale(1)}to{transform:scale(1.08)}}
@keyframes tgas{0%{transform:translateY(4px) scale(.6);opacity:0}25%{opacity:1}100%{transform:translateY(-12px) scale(1.15);opacity:0}}
@keyframes toot{0%,62%{transform:scale(.2);opacity:0}68%{opacity:.8}100%{transform:translate(-14px,-10px) scale(1.1);opacity:0}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.examps{position:absolute;right:10px;top:10px;display:flex;gap:6px}.examps>span{display:flex;flex-direction:column;align-items:center;gap:2px;background:rgba(20,24,27,.82);border-radius:12px;padding:5px 6px}.examps small{color:#fff;font:800 .66rem 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.04em}
.amp2{display:inline-flex;flex-direction:row;gap:3px}.amp2 i{width:13px;height:13px;border-radius:50%;background:#4a5258;display:block}
.amp2.a-r i:nth-child(1),.amp2.a-n i:nth-child(1){background:#ff5a4e;box-shadow:0 0 8px #ff5a4e}.amp2.a-y i:nth-child(2){background:#ffc21a;box-shadow:0 0 8px #ffc21a}.amp2.a-g i:nth-child(3){background:#2fd27a;box-shadow:0 0 8px #2fd27a}
.fundsw{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;border:2px dashed var(--line);background:var(--panel2);cursor:pointer;margin:8px 0}.fundsw input{width:24px;height:24px;flex:0 0 24px;accent-color:#e0a600;margin-top:2px}.fundsw span{display:flex;flex-direction:column}.fundsw small{color:var(--ink2);font-size:.8rem;line-height:1.35}
.why{background:var(--panel2);border-left:4px solid var(--estL);padding:8px 10px;border-radius:8px}
.lesson2{background:color-mix(in srgb,var(--s1) 10%,var(--panel))}
.verdicts{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 14px}@media (min-width:640px){.verdicts{grid-template-columns:1fr 1fr}}.verdicts .verdict{margin:0}.verdict small{display:block;font-size:.8rem;color:var(--ink2);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.verdict.a-n{border-color:var(--line)}
.vfc{border:2px solid var(--estL);background:var(--est)}

/* Studie 28.10.2026: Humus-Geld vor/nach Proben, nächster Schritt Bodenprobe, Kennzahlen je Produkt, Solar-Aufschlüsselung */
.hpos{color:var(--good);font-weight:800}.hneg{color:var(--bad);font-weight:800}
.humbox{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);font-size:.9rem}
.humbox dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;margin:6px 0;font-variant-numeric:tabular-nums}.humbox dd{margin:0;text-align:right}
.humbox .tot{font-weight:900;border-top:1px solid var(--line);padding-top:4px}
.nxc{border:2px solid var(--brand)}.nxc .btns{margin-top:10px}.priv{margin:10px 0 0;font-weight:700;font-size:.92rem}
.kpic .tbl th small{display:block;font-weight:500;color:var(--mut);font-size:.78rem}
.pvinfo,.esplit{color:var(--ink2)}.biop{border-left:4px solid var(--brand);padding-left:10px}
/* Datenbrücke: Meine Produkte & Abnehmer (produkte.js) */
.pd-head h2{margin:0 0 6px}.pd-own-l{background:var(--panel2);border-radius:12px;padding:10px 12px;font-weight:600;margin:8px 0 0}
.pd-sec h2{margin:0 0 6px;font-size:1.25rem}.pd-sec h3{margin:16px 0 6px;font-size:1.05rem}
.pd-sel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}.pd-sel select{min-height:44px}.pd-chips{margin:0;padding:0;flex:1 1 100%}.pd-chips .opt{flex:0 1 auto;min-width:0}
.pd-verd{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:16px;background:var(--panel2);border:2px solid var(--line)}
.pd-verd.a-g{border-color:var(--r)}.pd-verd.a-y{border-color:#e0a600}.pd-verd.a-r{border-color:var(--bad)}
.pd-figs{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:.9rem;color:var(--ink2)}.pd-figs b{font-size:1.25rem;color:var(--ink);font-variant-numeric:tabular-nums}
.pd-dq{margin:12px 0}.pd-bar{display:flex;height:10px;border-radius:99px;background:var(--line);overflow:hidden;margin:6px 0}.pd-bar i{display:block;background:var(--r)}.pd-bar i.p2{background:#e0a600}
.pd-brk{margin:10px 0}.pd-brk>summary,.pd-more>summary{cursor:pointer;font-weight:800;min-height:44px;display:flex;align-items:center}
.pd-g{border-top:1px solid var(--line)}.pd-g summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;min-height:44px;align-items:center}
.pd-g ul{margin:0 0 8px;padding-left:18px;font-size:.88rem}.pd-g li{margin:4px 0;overflow-wrap:anywhere}.pd-own{background:color-mix(in srgb,var(--r) 16%,var(--panel));color:var(--good)}
.pd-rm{margin:12px 0 0;padding:10px 12px;border-left:4px solid var(--r);background:color-mix(in srgb,var(--r) 8%,var(--panel));border-radius:10px}.pd-rm ul{margin:4px 0 0;padding-left:18px}
.pd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:0 12px}.pd-grid .fld{margin:6px 0}
.pd-f .frow{flex-wrap:wrap}.pd-src{min-height:44px;max-width:120px;font-size:.85rem}
.pd-e{padding:12px}.pd-eh{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pd-eh select{flex:1 1 140px;min-height:44px;font-weight:700}.pd-ha input{width:90px}
.pd-l{display:block;font-weight:600;margin:8px 0 4px}.pd-e>select{min-height:44px;max-width:100%}
.pd-tabs{grid-template-columns:repeat(4,1fr)}.pd-tabs .opt{min-width:0;font-size:.8rem}
.pd-add{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pd-add select{min-height:48px}
.pd-grs,.pd-dir,.pd-notes{list-style:none;margin:0;padding:0}.pd-gr,.pd-dir li{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}
.pd-gr.off{opacity:.7}.pd-smp{margin:6px 0 0;font-size:.9rem}.pd-con .frow{flex-wrap:wrap}.pd-con input{min-height:48px;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;max-width:200px}
.pd-qr{margin:0 0 12px}.pd-ro{margin:6px 0}.pd-sum{font-size:1.05rem;margin:10px 0}.pd-sum b{font-size:1.3rem}
.pd-list{background:var(--panel2);border-radius:12px;padding:10px 12px;margin:8px 0}.pd-check{margin:6px 0;padding-left:18px;font-size:.9rem}
.pd-tw{overflow-x:auto}.pd-t{border-collapse:collapse;width:100%;font-size:.86rem}.pd-t th,.pd-t td{text-align:left;padding:6px 6px;border-bottom:1px solid var(--line);vertical-align:top}.pd-t code{font-size:.8rem}.pd-note{background:var(--panel2)}
.pd-ds{margin-top:10px}
/* Hofkarte in der App (karte.js) und auf den Beispielhöfen */
.hka-top{padding:12px 14px}.hka-th{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;margin-bottom:6px}.hka-th .lnk{padding:6px 0}
.hka-mode{display:inline-flex;margin:0}.hka-form h3{margin-top:6px}.hka-form input{width:100%}.hka-loc{margin:4px 0}
.hka-sug{margin-top:14px}.hka-sl{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:6px}.hka-sl li{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;padding:8px 10px;border-radius:12px;background:var(--panel2)}.hka-sl li span{font-weight:700;flex:1 1 140px}.hka-sl li small{color:var(--mut)}
.learnl{margin:6px 2px 0}.learnl a{font-weight:700}
.hkbx{padding:8px 0 40px}.hkbx-h{margin-top:10px}
#panel .hk-tabs{position:static}   /* in der App ist die Schritt-Leiste schon oben fest */
.ferr{color:var(--bad);font-weight:600;margin:4px 0 0;font-size:.92rem}input[aria-invalid="true"]{border-color:var(--bad);outline-color:var(--bad)}

/* Hofkarte (design/hofkarte/hofkarte.css) */
/* AGRICOIN Hofkarte – nutzt die Farb-Tokens der Hof-App (--bg, --panel, --ink, --brand …). Alle Klassen mit Präfix hk-. */
.hk{--hk-r:#e5483d;--hk-y:#f2b400;--hk-g:#2fa866;--hk-water:#1f74c4;--hk-key:#d0342c;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--ink);max-width:100%;min-width:0}
.hk *{box-sizing:border-box}
.hk h2{font-size:1.35rem;font-weight:900;margin:0 0 4px}.hk h3{font-size:1.05rem;font-weight:800;margin:0 0 8px}.hk h4{font-size:.98rem;font-weight:800;margin:14px 0 6px}
.hk p{margin:0 0 8px}.hk-head p{color:var(--ink2)}
.hk-demo{display:inline-block;background:var(--est);color:var(--warn);border:1px solid var(--estL);border-radius:999px;padding:3px 10px;font-weight:700;font-size:.82rem}
.hk-small,.hk-hint,.hk-srcs{font-size:.84rem;color:var(--ink2)}.hk-hint{margin-top:12px;padding-top:8px;border-top:1px dashed var(--line)}.hk-srcs{margin-top:10px}
/* Ampel */
.hk-amp{display:inline-flex;flex-direction:column;gap:3px;background:#22272b;padding:5px;border-radius:11px;flex:0 0 auto}.hk-amp i{width:14px;height:14px;border-radius:50%;background:#4a5258;display:block}
.hk-amp.a-r i:nth-child(1){background:#ff5a4e;box-shadow:0 0 9px #ff5a4e}.hk-amp.a-y i:nth-child(2){background:#ffc21a;box-shadow:0 0 9px #ffc21a}.hk-amp.a-g i:nth-child(3){background:#2fd27a;box-shadow:0 0 9px #2fd27a}
/* Überblick */
.hk-sum{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow);margin:12px 0}
.hk-sumg{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:640px){.hk-sumg{grid-template-columns:repeat(3,1fr)}}
.hk-st{display:flex;gap:10px;align-items:center;min-width:0}.hk-st b{display:block;font-size:.95rem}.hk-st small{color:var(--ink2);font-size:.84rem}
.hk-top{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;min-height:48px;padding:6px 12px;border-radius:14px;border:2px solid var(--brand);background:color-mix(in srgb,var(--brand) 14%,var(--panel));color:var(--ink);font-weight:800;font-size:.95rem;font-family:inherit;cursor:pointer;text-align:left}
.hk-top .hk-amp{flex-direction:row;padding:3px 5px}.hk-top .hk-amp i{width:11px;height:11px}
/* Reiter */
.hk-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--panel2);border:1px solid var(--line);padding:4px;border-radius:16px;margin:0 0 12px;position:sticky;top:var(--stepsH,0px);z-index:5}
.hk-tabs button{min-height:46px;border:0;border-radius:12px;background:transparent;color:var(--ink2);font-weight:800;font-size:.9rem;line-height:1.15;font-family:inherit;cursor:pointer;padding:4px 6px}
.hk-tabs button[aria-selected="true"]{background:var(--brand);color:var(--brandInk);box-shadow:var(--shadow)}
/* Raster */
.hk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:900px){.hk-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}.hk-mapw{position:sticky;top:calc(var(--stepsH,0px) + 8px)}}
.hk-mapw{min-width:0}
.hk-map{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--panel2);box-shadow:var(--shadow)}
.hk-svg{display:block;width:100%;height:auto;aspect-ratio:1400/1000;touch-action:manipulation}
.hk-mapw.drawing .hk-svg{cursor:crosshair}
.hk-base{image-rendering:auto}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hk-base{filter:brightness(.62) saturate(.85)}}
:root[data-theme="dark"] .hk-base{filter:brightness(.62) saturate(.85)}
.hk-base0{fill:var(--bg2)}.hk-grid100{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.hk-gridl{fill:var(--mut);font-weight:700}
.hk-f{fill-opacity:.42;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill-opacity .15s}.hk-f:hover{fill-opacity:.58}
.hk-f.w{fill-opacity:0;stroke:#fff;stroke-width:2}.hk-f.w:hover{fill-opacity:.08;fill:#fff}
.hk-f.h{fill-opacity:.85}.hk-f.sel{stroke:var(--brand);stroke-width:4}
.hk-lab{pointer-events:none;font-weight:800}.hk-lab text{fill:#1f2328;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hk-lab circle{stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
.hk-cont{fill:none;stroke:#5b4630;stroke-width:.7;opacity:.6;vector-effect:non-scaling-stroke}.hk-cont.mj{stroke-width:1.4;opacity:.8}
.hk-flows path{fill:none;stroke:var(--hk-water);stroke-linecap:round;opacity:.35;vector-effect:non-scaling-stroke}.hk-flows.on path{opacity:.9}
.hk-flow.f0{stroke-width:1.2}.hk-flow.f1{stroke-width:2.2}.hk-flow.f2{stroke-width:3.6}
.hk-sink{fill:var(--hk-water);fill-opacity:.55;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke}
.hk-key,.hk-work,.hk-tree,.hk-hedge,.hk-draw{vector-effect:non-scaling-stroke}.hk-key{fill:none;stroke:var(--hk-key);stroke-width:3.5}.hk-work{fill:none;stroke:#1d5fa6;stroke-width:1.4;stroke-dasharray:6 4}.hk-tree{fill:none;stroke:#1d7a3e;stroke-width:3.5;stroke-dasharray:1 6;stroke-linecap:round}
.hk-kp{fill:var(--brand);stroke:#1f2328;stroke-width:3}
.hk-hedge{fill:none;stroke:#1d7a3e;stroke-width:5;stroke-linecap:round;stroke-dasharray:1 7}.hk-hedge.plan{stroke:#2fa866;stroke-dasharray:9 5;stroke-width:4}
.hk-hof rect{fill:#1f2328;stroke:#fff;stroke-width:2}.hk-hof path{fill:none;stroke:#fbb900;stroke-width:2}
.hk-draw{fill:rgba(251,185,0,.25);stroke:var(--brand);stroke-width:2.5;stroke-dasharray:7 4}.hk-dpt{fill:var(--brand);stroke:#1f2328;stroke-width:2}
.hk-wind circle{fill:rgba(255,255,255,.85);stroke:#1f2328;stroke-width:2;vector-effect:non-scaling-stroke}.hk-wind line{stroke:#1f2328;stroke-width:3;vector-effect:non-scaling-stroke}.hk-wind polygon{fill:#1f2328}.hk-wind text{fill:#1f2328;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:3px;vector-effect:non-scaling-stroke}
.hk-zoom{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:6px}
.hk-zoom button{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:800;font-size:1.15rem;font-family:inherit;cursor:pointer;box-shadow:var(--shadow)}
/* Legende */
.hk-leg{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.82rem;color:var(--ink2);margin:8px 2px 0}.hk-leg span{display:inline-flex;align-items:center;gap:5px}
.hk-leg i{display:inline-block;width:12px;height:12px;border-radius:3px}.hk-leg i.d{border-radius:50%;margin-right:-2px}
.hk-leg i.ln{width:20px;height:0;border-radius:0;border-top:3px solid}.hk-leg i.cont{border-color:#5b4630}.hk-leg i.flow{border-color:var(--hk-water);border-top-width:4px}.hk-leg i.key{border-color:var(--hk-key);border-top-width:4px}.hk-leg i.work{border-top:2px dashed #1d5fa6}.hk-leg i.tree{border-top:4px dotted #1d7a3e}.hk-leg i.hedge{border-top:4px dotted #1d7a3e}.hk-leg i.hedge.plan{border-top:4px dashed #2fa866}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hk-leg i.work{border-top-color:#6aaef0}}
:root[data-theme="dark"] .hk-leg i.work{border-top-color:#6aaef0}
.hk-leg i.dot{border-radius:50%}.hk-leg i.sink{background:var(--hk-water)}.hk-leg i.band{background:color-mix(in srgb,var(--brand) 35%,transparent)}.hk-leg i.meas{background:var(--ink)}
.hk-leg.sm{margin-top:2px}
/* Zeichnen */
.hk-drawbar{margin-top:8px;padding:10px 12px;border-radius:14px;background:var(--est);border:1px solid var(--estL);color:var(--ink)}
.hk-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.hk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border-radius:12px;border:2px solid var(--ink);background:var(--panel);color:var(--ink);font-weight:800;font-size:.92rem;font-family:inherit;cursor:pointer;max-width:100%;text-align:center}
.hk-btn.pri{background:var(--brand);border-color:var(--brand);color:var(--brandInk)}.hk-btn.ghost{border-color:var(--line)}.hk-btn.bad{background:var(--bad);border-color:var(--bad);color:#fff}
.hk-btn[aria-disabled="true"]{opacity:.55}
.hk-lnk{background:none;border:0;color:var(--bad);font-weight:700;font-size:.9rem;font-family:inherit;text-decoration:underline;cursor:pointer;min-height:44px;padding:0;margin-top:10px}
.hk-msg{color:var(--bad);font-weight:700;margin:6px 0 0}.hk-ok{color:var(--good);font-weight:700}
/* Felder */
.hk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.hk-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:700;font-size:.88rem;font-family:inherit;cursor:pointer;max-width:100%}
.hk-chip i{width:12px;height:12px;border-radius:50%;flex:0 0 12px}.hk-chip small{color:var(--mut);font-weight:600}
.hk-chip.on{border:2px solid var(--brand);background:color-mix(in srgb,var(--brand) 16%,var(--panel))}.hk-chip.add{border-style:dashed}
.hk-panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow);min-width:0}
.hk-pick{color:var(--ink2);margin:0}
.hk-fh{display:flex;align-items:center;gap:8px;justify-content:space-between}.hk-fh h3{flex:1;min-width:0;margin:0}
.hk-name{width:100%;min-height:44px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);font-weight:900;font-size:1.15rem;font-family:inherit;padding:4px 6px}
.hk-name:hover,.hk-name:focus{border-color:var(--line);background:var(--panel2)}
.hk-ha{font-weight:800;color:var(--ink2);white-space:nowrap}
.hk-sel2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}.hk-sel2 label{display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:.82rem;color:var(--ink2);min-width:0}
.hk-span2{grid-column:1/-1;justify-self:start}.hk-sel2 input{width:100%;min-height:44px;padding:6px 8px;border-radius:10px;border:2px solid var(--line);background:var(--panel2);color:var(--ink);font-weight:600;font-size:.95rem;font-family:inherit}
.hk-sel2 select{width:100%;min-height:44px;padding:6px 8px;border-radius:10px;border:2px solid var(--line);background:var(--panel2);color:var(--ink);font-weight:600;font-size:.9rem;font-family:inherit}
.hk-row{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:14px;margin:0 0 8px;background:var(--panel2);border-left:6px solid var(--line)}
.hk-row.a-r{border-left-color:var(--hk-r)}.hk-row.a-y{border-left-color:var(--hk-y)}.hk-row.a-g{border-left-color:var(--hk-g)}
.hk-row>div{display:flex;flex-direction:column;min-width:0}.hk-row b{font-size:1rem}.hk-row span{font-weight:700}.hk-row small{color:var(--ink2);font-size:.84rem;margin-top:2px}
.hk-why{margin:6px 0 10px}.hk-why summary{cursor:pointer;font-weight:800;min-height:36px;display:flex;align-items:center}.hk-why ul{margin:4px 0 0 18px;padding:0;font-size:.9rem}
.hk-sat{margin:10px 0}.hk-sat b{font-size:.9rem}
.hk-satr{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin:6px 0 4px}.hk-satr span{height:30px;border-radius:5px;display:flex;align-items:flex-end;justify-content:center}.hk-satr small{font-size:.66rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.c-g{background:#3d9a4a}.c-m{background:#b5b84a}.c-b{background:#9c6b3f}.c-u{background:repeating-linear-gradient(45deg,#9aa3a8 0 4px,#c4cbcf 4px 8px)}
.hk-src1{font-size:.76rem;color:var(--mut)}.hk-src1 i{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 2px 0 6px;vertical-align:-1px}
.hk-measl{display:flex;flex-direction:column;gap:6px}
.hk-meas{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 10px;border-radius:14px;border:2px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-family:inherit;text-align:left;cursor:pointer}
.hk-meas span{display:flex;flex-direction:column;min-width:0}.hk-meas b{font-size:.94rem}.hk-meas small{color:var(--ink2);font-size:.82rem}
.hk-tick{flex:0 0 30px;width:30px;height:30px;border-radius:50%;border:2px solid var(--line);display:flex!important;align-items:center;justify-content:center;font-weight:900;font-size:1rem}
.hk-meas.on{border-color:var(--good);background:color-mix(in srgb,var(--r) 12%,var(--panel))}.hk-meas.on .hk-tick{background:var(--good);border-color:var(--good);color:#fff}
.hk-big{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--hk-water) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--hk-water) 35%,var(--line));margin-bottom:8px}
.hk-bigv{font-size:2rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.hk-facts{margin:0 0 6px 18px;padding:0;font-size:.9rem}
.hk-seg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0}.hk-seg span{font-weight:700;font-size:.88rem;margin-right:4px}
.hk-seg button{min-height:44px;min-width:56px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font-weight:800;font-size:.88rem;font-family:inherit;cursor:pointer}.hk-seg button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--brandInk)}
.hk-chk{display:flex;gap:10px;align-items:center;min-height:44px;font-weight:600;font-size:.92rem;cursor:pointer}.hk-chk input{width:22px;height:22px;accent-color:#e0a600}
/* Humus-Zwilling */
.hk-twinw{position:relative;border-radius:16px;overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,color-mix(in srgb,var(--brand) 10%,var(--panel2)),var(--panel2));border:1px solid var(--line);margin-bottom:8px}
.hk-twin{height:250px;width:100%;position:relative}.hk-twin canvas,.hk-twin svg{display:block;width:100%;height:100%}
@media (min-width:900px){.hk-twin{height:270px}}
.hk-tw-note{position:absolute;left:8px;bottom:8px;right:8px;font-size:.78rem;background:var(--panel);border-radius:8px;padding:4px 8px;color:var(--ink2)}
.hk-slider{display:flex;flex-direction:column;gap:2px;font-weight:800;font-size:.9rem;margin:6px 0}.hk-slider input{width:100%;min-height:44px;accent-color:#e0a600}
.hk-ticks{display:flex;justify-content:space-between;font-size:.76rem;color:var(--mut);font-weight:600}
.hk-hnum{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:14px;background:var(--panel2);margin:6px 0}.hk-hnum small{color:var(--ink2)}
.hk-badge{display:inline-block;font-weight:700;font-size:.8rem;border-radius:999px;padding:3px 10px;margin:4px 0 8px}.hk-badge.own{background:color-mix(in srgb,var(--r) 16%,var(--panel));color:var(--good)}.hk-badge.est{background:var(--est);color:var(--warn);border:1px solid var(--estL)}
.hk-chart{display:block;width:100%;height:auto;margin:4px 0}.hk-chart text{font-size:10px;fill:var(--ink2);font-family:inherit}
.hk-chart .band{fill:color-mix(in srgb,var(--brand) 32%,transparent)}.hk-chart .mid{fill:none;stroke:var(--ink);stroke-width:2.2}.hk-chart .now{stroke:var(--line);stroke-width:1.5;stroke-dasharray:3 3}
.hk-chart .meas{fill:var(--ink);stroke:var(--panel);stroke-width:2}.hk-chart .cur{fill:var(--brand);stroke:var(--ink);stroke-width:2}
.hk-probe{margin-top:12px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--brand) 12%,var(--panel));border:1px solid var(--line)}
.hk-del{margin-top:12px;padding:10px;border-radius:12px;border:2px solid var(--bad)}
/* Daten */
.hk-data,.hk-live{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow);margin:14px 0 0}
.hk-share{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:14px;background:var(--panel2);margin:6px 0 10px}.hk-share>div{display:flex;flex-direction:column;min-width:0}.hk-share span{font-weight:700}.hk-share small{color:var(--ink2);font-size:.84rem}.hk-amp.sm i{width:11px;height:11px}
.hk-data a.hk-btn{text-decoration:none}
.hk-switch{display:flex;gap:12px;align-items:flex-start;cursor:pointer;min-height:44px}.hk-switch input{width:44px;height:26px;flex:0 0 44px;accent-color:#e0a600;margin-top:2px}
.hk-switch span{display:flex;flex-direction:column;flex:1;min-width:0}.hk-switch small{color:var(--ink2);font-size:.84rem}.hk-switch em{font-style:normal;font-weight:800;font-size:.8rem;white-space:nowrap;color:var(--ink2)}
.hk :focus-visible{outline:3px solid var(--brand);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.hk *{transition:none!important;scroll-behavior:auto!important}}
@media print{.hk-zoom,.hk-tabs,.hk-chip.add,.hk-live{display:none}}
/* Echte Karte (hk_map.js, Leaflet) */
.hm{display:flex;flex-direction:column;gap:12px;min-width:0}
.hk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hm-srch{display:flex;gap:8px;flex-wrap:wrap}.hm-srch input{flex:1 1 180px;min-width:0;min-height:48px;padding:8px 12px;border-radius:12px;border:2px solid var(--line);background:var(--panel2);color:var(--ink);font-size:1rem;font-family:inherit}
.hm-srch input:focus-visible{border-color:var(--brand)}
@media (max-width:420px){.hm-hs{display:none}}
.hm-res{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.hm-res button{width:100%;text-align:left;min-height:44px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:inherit;font-size:.92rem;cursor:pointer}
.hm-note{font-size:.86rem;color:var(--ink2);margin:6px 0 0}
.hm-picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--est);border:1px solid var(--estL);font-weight:700;margin:0 0 8px}
.hm-mapw{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.hm-map{height:62vh;min-height:340px;max-height:640px;width:100%;background:#d8dccf}
.hm-map .leaflet-control-attribution{font-size:10px;max-width:70%;white-space:normal}
.hm-map .leaflet-bar a{width:44px!important;height:44px!important;line-height:44px!important;font-size:20px}
.hm-lay{position:absolute;left:8px;top:8px;z-index:500;display:flex;flex-direction:column;gap:6px;max-width:calc(100% - 76px)}
.hm-lay .hm-note{background:var(--panel);border-radius:10px;padding:4px 8px;margin:0;box-shadow:var(--shadow)}
.hm-seg{display:inline-flex;background:var(--panel);border-radius:12px;padding:3px;box-shadow:var(--shadow);gap:2px;align-self:flex-start}
.hm-seg button{min-height:40px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-weight:800;font-size:.86rem;font-family:inherit;cursor:pointer}
.hm-seg button[aria-pressed="true"]{background:var(--brand);color:var(--brandInk)}
.hm-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hm-modes button{min-height:48px;border-radius:12px;border:2px solid var(--line);background:var(--panel);color:var(--ink);font-weight:800;font-size:.9rem;font-family:inherit;cursor:pointer;padding:4px}
.hm-modes button[aria-pressed="true"]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 18%,var(--panel))}
.hm-mbox{margin-top:8px;padding:10px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.hm-file{position:relative;overflow:hidden}.hm-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.hm-list h3{margin:0 0 6px}
.hm-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.hm-row select,.hm-kult select{min-height:44px;padding:6px 8px;border-radius:10px;border:2px solid var(--line);background:var(--panel2);color:var(--ink);font-family:inherit;font-size:.92rem;max-width:100%}
.hm-kult{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (min-width:640px){.hm-kult{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hm-kult label{display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:.82rem;color:var(--ink2);min-width:0}.hm-kult select{width:100%}
.hm-meas{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:2px 10px}
.hk-btn.sm{min-height:40px;font-size:.84rem;padding:0 10px}
.hm-ndvi{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;height:96px;align-items:end;margin:6px 0}
.hm-ndvi span{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:2px}.hm-ndvi i{display:block;width:100%;border-radius:4px 4px 0 0;background:linear-gradient(#3d9a4a,#b5b84a)}
.hm-ndvi span.w i{background:repeating-linear-gradient(45deg,#9aa3a8 0 4px,#c4cbcf 4px 8px)}.hm-ndvi small{font-size:.62rem;color:var(--mut)}
.hm-prsel{margin-top:10px;font-weight:800}
.hm-prl{display:flex;flex-direction:column;gap:0;margin-bottom:8px}
.hm-prf{display:grid;gap:8px;margin:8px 0}.hm-prf label{display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:.86rem}.hm-prf input,.hm-prf textarea{min-height:44px;padding:8px 10px;border-radius:10px;border:2px solid var(--line);background:var(--panel2);color:var(--ink);font-family:inherit;font-size:.95rem}
.hm-preis{background:color-mix(in srgb,var(--brand) 14%,var(--panel));border-color:var(--estL)}
.hm-tt{font-weight:800}

/* ================= „Mein Hof“ Stufe 3: DIE Karte (Ebenen-Kacheln, Kurzkarte, Steckbrief, Ampel zuerst) ================= */
body.k3-wide .wrap{max-width:1240px}
.hm-l,.hm-r{display:flex;flex-direction:column;gap:12px;min-width:0}
@media (max-width:999px){.hm-map{height:54vh;min-height:320px}}
@media (min-width:1000px){.hm{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:18px;align-items:start}.hm-map{height:min(70vh,700px);max-height:none}}
.hm-mapw{border-radius:22px}
.hm-map{background:#dfe3d6}
.hm-lay{gap:6px}
.hm-chipon{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:var(--panel);border-radius:999px;padding:4px 10px 4px 4px;font-weight:800;font-size:.8rem;box-shadow:var(--shadow);color:var(--ink)}
.hm-chipon svg{width:28px;height:20px;border-radius:6px;display:block}
/* Ebenen: Kacheln mit Vorschau – am Handy waagerecht wischen, am Rechner als Raster */
.hm-tiles{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:12px 12px 10px;box-shadow:var(--shadow);min-width:0}
.hm-th{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.hm-th h3{margin:0;font-size:1rem}
.hm-trow{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;margin:0 -4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.hm-tsep{flex:0 0 1px;background:var(--line);margin:6px 2px}
.hm-tile{flex:0 0 100px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:5px;border-radius:16px;border:2px solid transparent;background:var(--panel2);color:var(--ink);font:700 .76rem/1.15 'Inter',sans-serif;cursor:pointer;min-height:96px;text-align:center;transition:border-color .2s,box-shadow .2s,transform .2s}
.hm-tile .hm-pv{display:block;border-radius:11px;overflow:hidden;aspect-ratio:64/44;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.hm-tile svg{display:block;width:100%;height:100%}
.hm-tile .hm-tl{display:block;padding:0 2px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.hm-tile.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,var(--panel));box-shadow:0 0 0 3px var(--glow)}
.hm-tile.na{color:var(--mut)}.hm-tile.na .hm-pv{filter:grayscale(1) opacity(.5)}
.hm-tile.busy .hm-pv{animation:hmPulse 1.6s ease-in-out infinite}
@keyframes hmPulse{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.hm-tile{transition:none}.hm-tile.busy .hm-pv{animation:none}}
@media (hover:hover){.hm-tile:hover{border-color:var(--line)}.hm-tile.on:hover{border-color:var(--brand)}}
@media (min-width:1000px){.hm-trow{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));overflow:visible;margin:0}.hm-tsep{display:none}}
.hm-legend{margin:6px 0 0;padding:10px 12px;border-radius:14px;background:var(--panel2);font-size:.86rem;color:var(--ink2)}.hm-legend>b{display:block;color:var(--ink);font-size:.92rem;margin-bottom:4px}
.hm-legend p{margin:4px 0 0}.hm-lg-src{font-size:.76rem;color:var(--mut)}.hm-lg-warn{color:var(--warn);font-weight:700}
.hm-lg-na{color:var(--ink2)}
.hm-lg-tap{padding:8px 10px;border-radius:10px;background:var(--panel);border:1px dashed var(--line);color:var(--ink)}
.hm-lg-amp{display:flex;flex-wrap:wrap;gap:6px 12px;margin:2px 0}.hm-lg-amp span{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink)}.hm-lg-amp i{width:14px;height:14px;border-radius:4px;display:inline-block}
.hm-lg-ndvi span{display:block;height:10px;border-radius:999px;margin:4px 0}
.hm-months{display:flex;gap:4px;overflow-x:auto;padding:4px 0 2px;scrollbar-width:thin}.hm-months button{flex:0 0 auto;min-width:44px;min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:700 .78rem 'Inter',sans-serif;cursor:pointer}
.hm-months button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--brandInk)}
/* Kurzkarte beim Antippen eines Schlags (liegt unten auf der Karte) */
.hm-peek{position:absolute;left:10px;right:62px;bottom:24px;z-index:600;pointer-events:none}.hm-peek[hidden]{display:none}
.hm-pk{pointer-events:auto;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:18px;padding:10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.18);animation:hmUp .25s ease-out}
@keyframes hmUp{from{transform:translateY(10px);opacity:0}}@media (prefers-reduced-motion:reduce){.hm-pk{animation:none}}
.hm-pkh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.hm-pkh b{font-size:1rem}.hm-pkh small{color:var(--mut);font-weight:600}
.hm-pkb{display:flex;gap:6px;margin-top:6px}.hm-pkb .pri{flex:1 1 auto}
@media (min-width:1000px){.hm-peek{right:auto;width:340px}}
/* Ampel-Liste (Steckbrief + Kurzkarte) */
.hm-amp{list-style:none;margin:6px 0 10px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.hm-amp li{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:12px;background:var(--panel2);min-width:0}
.hm-amp li i{flex:0 0 14px;width:14px;height:14px;border-radius:50%;margin-top:3px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 0%,transparent)}
.hm-amp li span{display:flex;flex-direction:column;min-width:0}.hm-amp b{font-size:.84rem}.hm-amp small{font-size:.78rem;color:var(--ink2);overflow-wrap:anywhere}
.hm-amp li.c-r{background:color-mix(in srgb,#e5483d 10%,var(--panel))}.hm-amp li.c-y{background:color-mix(in srgb,#f2b400 13%,var(--panel))}.hm-amp li.c-g{background:color-mix(in srgb,#2fa866 10%,var(--panel))}
.hm-amp.mini{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0}.hm-amp.mini li{padding:4px 8px;border-radius:999px;align-items:center}.hm-amp.mini li i{margin-top:0;width:10px;height:10px;flex-basis:10px}.hm-amp.mini small{display:none}.hm-amp.mini b{font-size:.74rem}
/* Steckbrief */
.hm-sb .hm-h{margin:12px 0 4px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.hm-rot{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.hm-rot li{display:flex;flex-direction:column;gap:1px;padding:6px 6px;border-radius:10px;background:var(--panel2);min-width:0}.hm-rot small{font-size:.7rem;color:var(--mut);font-weight:700}.hm-rot b{font-size:.8rem;overflow-wrap:anywhere}
.hm-rot li.now{background:color-mix(in srgb,var(--brand) 18%,var(--panel));box-shadow:inset 0 0 0 2px var(--brand)}.hm-rot li.empty b{color:var(--mut)}
.hm-ndw h4{margin:12px 0 2px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.hm-vor{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:6px}
.hm-vor li{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:12px;border:1px solid var(--line);border-left:5px solid #f2b400;background:var(--panel)}
.hm-vor li.risk{border-left-color:#e5483d}.hm-vor li span{display:flex;flex-direction:column;min-width:0}.hm-vor b{font-size:.88rem}.hm-vor small{font-size:.8rem;color:var(--ink2)}.hm-vor a{flex:0 0 auto;text-decoration:none}
details.hm-sec{border-top:1px solid var(--line);margin-top:8px}
details.hm-sec>summary{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800;font-size:.95rem}
details.hm-sec>summary::-webkit-details-marker{display:none}
details.hm-sec>summary::after{content:'';width:10px;height:10px;border-right:2.5px solid var(--ink2);border-bottom:2.5px solid var(--ink2);transform:rotate(45deg);margin-right:6px;transition:transform .2s}
details.hm-sec[open]>summary::after{transform:rotate(-135deg)}
.hm-secb{padding-bottom:6px}
.hm-kv{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}.hm-kv li{display:flex;flex-direction:column;padding:6px 0;border-bottom:1px dashed var(--line)}.hm-kv span{font-size:.78rem;color:var(--mut)}.hm-kv b{font-size:.95rem}
.hm-hum svg{display:block;width:100%;height:auto;max-height:120px}.hm-hum .b{fill:color-mix(in srgb,var(--r) 22%,transparent)}.hm-hum .l{fill:none;stroke:var(--r);stroke-width:2.4}
.hm-hum .n{stroke:var(--mut);stroke-dasharray:3 3}.hm-hum text{font-size:10px;fill:var(--mut);font-family:'Inter',sans-serif}
.hm-prst{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;justify-content:space-between;margin-top:10px;padding:8px 10px;border-radius:12px;background:var(--panel2);font-weight:700;font-size:.86rem}.hm-prst .hm-prsel{margin:0}
/* Kopf der Seite: „Dein Hof auf einen Blick“ + „Heute aufs Feld?“ */
details.hka-lead>summary{display:none}details.hka-lead:not([open]){display:none}
.hka-glance{padding:14px}.hka-gh h2{font-size:1.1rem;margin:0 0 8px}
.hka-gl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 4px}@media (min-width:760px){.hka-gl{grid-template-columns:repeat(5,minmax(0,1fr))}}
.hka-g{display:flex;gap:8px;align-items:flex-start;text-align:left;min-height:58px;padding:9px 10px;border-radius:14px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font-family:inherit;cursor:pointer;min-width:0}
.hka-g i{flex:0 0 14px;width:14px;height:14px;border-radius:50%;margin-top:3px;background:#9aa3a8}.hka-g span{display:flex;flex-direction:column;min-width:0}.hka-g small{font-size:.74rem;color:var(--mut);font-weight:700}.hka-g b{font-size:.86rem;overflow-wrap:anywhere}
.hka-g.c-g i{background:#2fa866}.hka-g.c-y i{background:#f2b400}.hka-g.c-r i{background:#e5483d}.hka-g.c-n i{background:var(--brand)}
@media (hover:hover){.hka-g:hover{border-color:var(--brand)}}
.hka-wx{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:start;padding:12px;border-radius:16px;background:var(--panel2);border:1px solid var(--line)}
.hka-wx>i{width:30px;height:30px;border-radius:50%;background:#9aa3a8;margin-top:2px;box-shadow:0 0 0 5px color-mix(in srgb,#9aa3a8 25%,transparent)}
.hka-wx.c-g>i{background:#2fa866;box-shadow:0 0 0 5px color-mix(in srgb,#2fa866 22%,transparent)}.hka-wx.c-y>i{background:#f2b400;box-shadow:0 0 0 5px color-mix(in srgb,#f2b400 25%,transparent)}.hka-wx.c-r>i{background:#e5483d;box-shadow:0 0 0 5px color-mix(in srgb,#e5483d 22%,transparent)}
.hka-wx.busy>i{animation:hmPulse 1.6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.hka-wx.busy>i{animation:none}}
.hka-wx>div{display:flex;flex-direction:column;gap:2px;min-width:0}.hka-wx b{font-size:1rem}.hka-wx small{font-size:.84rem;color:var(--ink2)}
.hka-wd{grid-column:2;list-style:none;margin:6px 0 0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.hka-wd li{display:flex;gap:6px;align-items:baseline;padding:4px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:.8rem}.hka-wd small{color:var(--mut)}
.hka-wxm{grid-column:1/-1;margin:4px 0 0;border-top:0;padding-top:0}
/* Schaufenster 3D & Humus-Zwilling */
details.hka-show{padding:0;overflow:hidden}
details.hka-show>summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;padding:12px 14px;min-height:64px}
details.hka-show>summary::-webkit-details-marker{display:none}
details.hka-show>summary span:last-child{display:flex;flex-direction:column;gap:2px}details.hka-show>summary small{color:var(--ink2);font-size:.84rem}
.hka-sart svg{width:72px;height:48px;display:block}
#hkaShowRoot{padding:0 12px 12px}
/* Stufe 3b: Daumen-Bedienung – Vollbild, Ebenen als Bottom-Sheet, Zwei-Finger-Hinweis; Werkzeuge; Arbeitsgänge */
.hm-fab{position:absolute;right:10px;bottom:34px;z-index:610;display:none;flex-direction:column;gap:8px}.hm-isfs .hm-fab{display:flex}
.hm-th .hm-fsb{margin-left:auto}
.hm-fb{min-width:48px;min-height:48px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:800 1.15rem/1 'Inter',sans-serif;box-shadow:var(--shadow);cursor:pointer;padding:0 10px}
.hm-fb[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--brandInk)}
.hm-fbs{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}
.hm-drag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:620;margin:0;max-width:80%;padding:10px 14px;border-radius:14px;background:rgba(20,24,28,.82);color:#fff;font-weight:700;font-size:.9rem;text-align:center;pointer-events:none}
.hm-drag[hidden]{display:none}
html.hm-fsdoc,html.hm-fsdoc body{overflow:hidden}
.hm-isfs .hm-mapw{position:fixed;inset:0;z-index:1200;border-radius:0;border:0;margin:0}
.hm-isfs .hm-map{height:100%!important;min-height:0;max-height:none}
.hm-isfs .hm-tiles{position:fixed;left:0;right:0;bottom:0;z-index:1300;max-height:48vh;overflow:auto;border-radius:22px 22px 0 0;padding-bottom:max(12px,env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .25s ease-out;box-shadow:0 -10px 30px rgba(0,0,0,.25)}
.hm-isfs .hm-tiles.open{transform:none}
.hm-isfs .hm-tiles::before{content:'';display:block;width:44px;height:5px;border-radius:9px;background:var(--line);margin:0 auto 8px}
@media (prefers-reduced-motion:reduce){.hm-isfs .hm-tiles{transition:none}}
.hm-isfs .hm-trow{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));overflow:visible}.hm-isfs .hm-tsep{display:none}
.hm-modes{grid-template-columns:repeat(3,1fr)}@media (min-width:640px){.hm-modes{grid-template-columns:repeat(5,1fr)}}
.hm-big{font-size:1.15rem;font-weight:900;font-variant-numeric:tabular-nums;margin:6px 0;overflow-wrap:anywhere}
.hm-ags{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}
.hm-ag{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:12px;background:var(--panel2)}.hm-ag>i{flex:0 0 12px;width:12px;height:12px;border-radius:3px;margin-top:4px}
.hm-ag>span:not(.hm-agb){display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.hm-ag small{font-size:.78rem;color:var(--ink2);overflow-wrap:anywhere}.hm-ag .hk-badge{margin:0 0 2px}
.hm-ag.geplant{border:1px dashed var(--estL)}.hm-agb{display:flex;gap:4px;flex:0 0 auto}
.hm-agp h4{margin:8px 0 4px}.hm-agf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}
.hm-agf label{display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:.8rem;color:var(--ink2);min-width:0}
.hm-agf input,.hm-agf select{min-height:44px;padding:6px 8px;border-radius:10px;border:2px solid var(--line);background:var(--panel2);color:var(--ink);font:500 .92rem 'Inter',sans-serif;width:100%}
.hk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Hof-Check „Dein Hof“ (#/hof) und „Jahre planen“ (#/plan) – große Knöpfe, eine Frage je Bildschirm */
.hcnav b{font-size:16px}
.hc-top h1{margin:2px 0 10px;font-size:clamp(24px,5vw,32px);line-height:1.15}
.hc-stage{margin:0;font-weight:700;color:var(--accent,#2f6b3a);text-transform:uppercase;letter-spacing:.04em;font-size:13px}
.hc-grow{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.hc-g{width:44px;height:44px;border-radius:12px;overflow:hidden;background:var(--panel2,#eef1ea);filter:grayscale(1);opacity:.35;transition:filter .4s,opacity .4s,transform .4s}
.hc-g.on{filter:none;opacity:1;transform:scale(1.04);box-shadow:0 0 0 2px var(--accent,#2f6b3a)}
.hc-g svg,.hc-art svg,.hc-oa svg,.hc-mart svg,.hc-ah svg{width:100%;height:100%;display:block}
@media (prefers-reduced-motion:reduce){.hc-g{transition:none}}
.hc-bar{height:12px;border-radius:99px;background:var(--line,#dde3d7);overflow:hidden}.hc-bar i{display:block;height:100%;background:var(--accent,#2f6b3a);border-radius:99px;transition:width .4s}
.hc-bar.sm{height:6px;margin:8px 0 14px}
.hc-prog{margin:8px 0 14px;font-weight:600}
.hc-go{width:100%;justify-content:center}
.hc-fin{font-size:18px;font-weight:700}
.hc-areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:0 0 14px}
.hc-area{position:relative;display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border-radius:16px;border:1px solid var(--line,#dde3d7);background:var(--panel,#fff);color:inherit;text-align:left;font:inherit;cursor:pointer}
.hc-area .hc-art{flex:0 0 40px;width:40px;height:40px;border-radius:10px;overflow:hidden}
.hc-at{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;padding-right:16px}.hc-at b{font-size:15px;line-height:1.2}.hc-at small{color:var(--muted,#5b6457)}
.hc-open .hc-art{filter:grayscale(1);opacity:.5}
.hc-done{border-color:var(--accent,#2f6b3a)}.hc-area.hc-done{background:var(--goodbg,#eef7ec)}
.hc-badge{position:absolute;top:6px;right:8px;font-style:normal;color:#b8860b;font-size:16px}
.hc-area:focus-visible,.hc-opt:focus-visible,.hc-tile:focus-visible,.hc-yc:focus-visible,.hc-yr:focus-visible{outline:3px solid var(--focus,#1f5fbf);outline-offset:2px}
.hc-sum h3{margin:6px 0}.hc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.hc-chip{padding:5px 10px;border-radius:99px;font-size:14px;border:1px solid var(--line,#dde3d7)}.hc-chip.schon{background:var(--goodbg,#eef7ec)}.hc-chip.kann{background:var(--estbg,#fff6d6)}
.hc-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
.hc-ah{display:inline-flex;align-items:center;gap:8px}.hc-ah svg{width:28px;height:28px;border-radius:8px}
.hc-ah span,.hc-ah>svg{width:28px;height:28px}
.hc-pos{color:var(--muted,#5b6457);font-size:14px}
.hc-q{font-size:clamp(21px,4.6vw,27px);line-height:1.25;margin:6px 0 14px}
.hc-opts{display:grid;gap:10px;margin:0 0 14px}
.hc-opts.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.hc-opts.three{grid-template-columns:1fr}
@media (min-width:640px){.hc-opts.three{grid-template-columns:repeat(3,1fr)}}
.hc-opt{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;border-radius:14px;border:2px solid var(--line,#dde3d7);background:var(--panel,#fff);color:inherit;font:inherit;font-size:17px;font-weight:600;text-align:left;cursor:pointer}
.hc-opt.big{min-height:64px;justify-content:center;text-align:center}
.hc-opt.on{border-color:var(--accent,#2f6b3a);background:var(--goodbg,#eef7ec)}
.hc-opt.sug{border-style:dashed}
.hc-oa{flex:0 0 44px;width:44px;height:44px;border-radius:10px;overflow:hidden}
.hc-opt.d-schon.on{border-color:#2f6b3a}.hc-opt.d-kann.on{border-color:#b8860b;background:var(--estbg,#fff6d6)}.hc-opt.d-nein.on{border-color:#8a8f86;background:var(--panel2,#f0f1ee)}
.hc-opts.tiles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.hc-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:14px;border:2px solid var(--line,#dde3d7);background:var(--panel,#fff);color:inherit;font:inherit;font-weight:600;font-size:15px;cursor:pointer;min-height:110px}
.hc-tile .hc-art{width:56px;height:56px;border-radius:12px;overflow:hidden}
.hc-tile i{position:absolute;top:6px;right:8px;font-style:normal;opacity:0}.hc-tile.on{border-color:var(--accent,#2f6b3a);background:var(--goodbg,#eef7ec)}.hc-tile.on i{opacity:1}
.hc-num{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.hc-num input{flex:1 1 auto;min-width:0;max-width:280px;font-size:26px;font-weight:700;padding:12px 14px;border-radius:14px;border:2px solid var(--line,#dde3d7);background:var(--panel,#fff);color:inherit}
.hc-num.is-est input{background:var(--estbg,#fff6d6);border-color:#e0c25a}
.hc-u{font-size:18px;font-weight:600;color:var(--muted,#5b6457)}
.hc-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line,#dde3d7)}
.hc-m{display:flex;flex-direction:column}.hc-mart{width:72px;height:72px;border-radius:16px;overflow:hidden}
.hc-brings{font-size:16px}.hc-brings .good{color:var(--good,#2f6b3a)}.hc-brings .bad{color:var(--bad,#a33)}
.hc-mq{margin:6px 0 8px}
.hc-ab{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}.hc-ab.sm{margin:0}
.hc-yr{min-height:40px;min-width:56px;padding:6px 10px;border-radius:10px;border:2px solid var(--line,#dde3d7);background:var(--panel,#fff);color:inherit;font:inherit;font-weight:600;cursor:pointer}.hc-yr.on{border-color:var(--accent,#2f6b3a);background:var(--goodbg,#eef7ec)}
.hc-done{text-align:center;padding:10px 0}.hc-bigbadge{font-size:56px;color:#b8860b;line-height:1}.hc-done .btns{justify-content:center}
.hc-years{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:thin}
.hc-yc{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:74px;padding:8px 6px;border-radius:14px;border:2px solid var(--line,#dde3d7);background:var(--panel,#fff);color:inherit;font:inherit;cursor:default}
button.hc-yc{cursor:pointer}.hc-yc.on{border-color:var(--accent,#2f6b3a);box-shadow:0 0 0 2px var(--accent,#2f6b3a) inset}
.hc-ycb{display:flex;align-items:flex-end;width:26px;height:64px;background:var(--panel2,#f0f1ee);border-radius:6px;overflow:hidden}.hc-ycb i{display:block;width:100%;background:#7c9a6d;border-radius:6px 6px 0 0}
.hc-yc.a-g .hc-ycb i{background:#2f8a46}.hc-yc.a-y .hc-ycb i{background:#d4a72c}.hc-yc.a-r .hc-ycb i{background:#c0503f}.hc-yc.a-n .hc-ycb i{background:#8a8f86}
.hc-yc b{font-size:15px}.hc-yc small{font-size:12px;color:var(--muted,#5b6457);white-space:nowrap}
.hc-ys .good{color:var(--good,#2f6b3a)}.hc-ys .bad{color:var(--bad,#a33)}
.hc-ml{list-style:none;padding:0;margin:0;display:grid;gap:8px}.hc-ml li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;border:1px solid var(--line,#dde3d7)}.hc-ml li.on{background:var(--goodbg,#eef7ec)}
.hc-plan{display:grid;gap:10px}
.hc-pr{padding:10px 12px;border-radius:14px;border:1px solid var(--line,#dde3d7)}.hc-prh{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}
.hc-pr select{width:100%;min-height:48px;font:inherit;font-size:17px;padding:8px 10px;border-radius:12px;border:2px solid var(--line,#dde3d7);background:var(--panel,#fff);color:inherit}
.hc-buy{overflow-x:auto}.hc-buy table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px;background:var(--estbg,#fff6d6)}
.hc-buy th,.hc-buy td{padding:6px 8px;border-bottom:1px solid var(--line,#dde3d7);text-align:right;white-space:nowrap}.hc-buy th:first-child{text-align:left}.hc-buy tr.sum{font-weight:700}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.altlink{margin:0 0 10px}
/* Kopfzeile mit „Dein Hof“ und „Jahre planen“: sechs Schritte in einer Reihe */
.steps ol:has(.hcnav){grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}
.steps ol:has(.hcnav) li a span{text-align:center;line-height:1.1;font-size:.72rem;hyphens:manual;letter-spacing:-.01em}
@media (max-width:420px){.steps ol:has(.hcnav) li a span{font-size:.64rem}}
@media (min-width:560px){.steps ol:has(.hcnav) li a span{font-size:.78rem}}

/* ---- Umbau „Startpunkt“ (28.10.2026): Schläge × Jahre, Auswahl, Ort, Diesel, Hecke, gesperrtes „Ändern“, Vorschläge je Schlag (schlag.js) ---- */
.sk .sk-top h2{margin:0 0 4px}.sk-prog{font-weight:800;margin:6px 0 10px}
.sk-rows{display:grid;gap:12px}
.sk-row{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--panel2)}
.sk-rh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px}.sk-rh b{font-size:1.05rem}.sk-rh small{color:var(--mut)}
.sk-till,.sk-u,.sk-ps{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;border:0;padding:0}.sk-u legend,.sk-ps legend{font-weight:700;font-size:.9rem;margin-bottom:6px;padding:0}
.sk-t{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:700 .9rem 'Inter',sans-serif;cursor:pointer}
.sk-t.on{background:var(--brand);border-color:var(--brand);color:var(--brandInk)}
.sk-cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:640px){.sk-cells{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sk-cell{display:flex;flex-direction:column;gap:4px;min-width:0}
.sk-zf{min-height:44px;border-radius:10px;border:1px dashed var(--line);background:transparent;color:var(--ink2);font:600 .8rem 'Inter',sans-serif;cursor:pointer;padding:2px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sk-zf.on{border-style:solid;border-color:var(--r);color:var(--good);background:color-mix(in srgb,var(--r) 10%,var(--panel))}.sk-zf.no{color:var(--mut)}.sk-zf0{min-height:44px}
.sk-k{min-height:64px;border-radius:14px;border:2px dashed var(--estL);background:var(--est);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:6px 10px;text-align:left;font-family:'Inter',sans-serif;min-width:0}
.sk-k small{font-size:.75rem;color:var(--mut);font-weight:700}.sk-k b{font-size:.95rem;line-height:1.2;overflow-wrap:anywhere}
.sk-k.on{border:2px solid var(--line);background:var(--panel)}
.sk-k.on.g-getreide{border-left:6px solid #c9a227}.sk-k.on.g-mais{border-left:6px solid #e0b000}.sk-k.on.g-hack{border-left:6px solid #9c6b3c}.sk-k.on.g-oel{border-left:6px solid #e6c200}
.sk-k.on.g-leg,.sk-k.on.g-futter{border-left:6px solid #5a9e4b}.sk-k.on.g-gruen{border-left:6px solid #2f8a4e}.sk-k.on.g-gem{border-left:6px solid #d0742f}.sk-k.on.g-sonder{border-left:6px solid #7b5ea7}.sk-k.on.g-brache{border-left:6px solid #b5a98a}
.sk-more{margin-top:8px}.sk-ed{display:grid;gap:8px}.sk-ed label{display:grid;gap:4px;font-weight:700;font-size:.9rem}
.sk-ed input,.sk-addf input,.sk-addf select,.sk-txt input,.sk-of input{min-height:48px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:1rem 'Inter',sans-serif;padding:0 12px;width:100%;box-sizing:border-box}
.sk-add{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.sk-add h3{margin:0 0 8px}
.sk-addf{display:grid;grid-template-columns:1fr;gap:8px;align-items:end}.sk-addf label{display:grid;gap:4px;font-weight:700;font-size:.9rem}
@media (min-width:640px){.sk-addf{grid-template-columns:2fr 1fr auto}}
.sk-mu{display:flex;gap:6px}.sk-mu select{width:auto}
.sk-sl{margin:6px 0 0;padding-left:18px}.sk-vor{margin-top:8px}
body.sk-open{overflow:hidden}
.sk-ov{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center}.sk-ov[hidden]{display:none}
.sk-bg{position:absolute;inset:0;background:rgba(15,18,20,.45)}
.sk-p{position:relative;background:var(--panel);color:var(--ink);width:100%;max-width:720px;max-height:88vh;overflow:auto;border-radius:22px 22px 0 0;padding:14px 16px 24px;box-shadow:var(--shadow);box-sizing:border-box}
@media (min-width:760px){.sk-ov{align-items:center}.sk-p{border-radius:22px}}
.sk-ph{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:-14px;background:var(--panel);padding:6px 0;z-index:1}.sk-ph h2{margin:0;font-size:1.1rem}
.sk-quick{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:6px 0 10px}
.sk-q{width:100%;min-height:48px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font:1rem 'Inter',sans-serif;padding:0 12px;box-sizing:border-box;margin-bottom:8px}
.sk-grp h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin:12px 0 6px}
.sk-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}@media (min-width:560px){.sk-opts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sk-o{min-height:48px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font:700 .92rem 'Inter',sans-serif;cursor:pointer;text-align:left;padding:6px 10px;overflow-wrap:anywhere}
.sk-o.on{background:var(--brand);border-color:var(--brand);color:var(--brandInk)}.sk-o[hidden],.sk-grp[hidden]{display:none}
.sk-txt{display:grid;gap:4px;margin-top:10px;font-weight:700}
.sk-ort .sk-of{display:flex;gap:8px;margin:8px 0}.sk-ort .sk-of input{flex:1 1 auto;min-width:0}.sk-ores{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}.sk-ores .hc-opt{width:100%;text-align:left}
.sk-ortset{margin:4px 0}
.sk-dstd{padding:10px 12px;border-radius:12px;margin:0 0 10px}.sk-dstd.is-est{background:var(--est);border:1px solid var(--estL)}
.sk-dt td,.sk-dt th{white-space:nowrap}.sk-lha{width:82px;min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:1rem 'Inter',sans-serif;padding:0 8px}.sk-lha.is-est{background:var(--est);border-color:var(--estL)}
.sk-dsl .tbl{display:block;overflow-x:auto}
.lockc{text-align:center}.lockc .lk{font-size:2.4rem;margin:0}.lockc .btns{justify-content:center}
.lkprev{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;opacity:.45;filter:grayscale(.7)}.lkprev li{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.85rem;border:1px dashed var(--line);border-radius:14px;padding:8px}.lkprev svg{width:56px;height:auto}
.vors h2{margin:0 0 4px}.vor{border:1px solid var(--line);border-radius:16px;padding:12px;margin-top:10px;background:var(--panel2)}.vor.risk{border-left:6px solid var(--bad)}.vor .vt{margin:0 0 4px}
.b-bad{background:color-mix(in srgb,var(--bad) 14%,var(--panel));color:var(--bad);border:1px solid var(--bad)}
.hc-opts.three.sm .hc-opt{min-height:48px;font-size:.92rem}
.mmore>summary,.fundd>summary,.selm>summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;gap:6px}
.selsum details{display:inline-block}.alle>summary,.b2>summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.skfl .sk-sl{margin-bottom:10px}.fl-l{margin:6px 0 4px}
.sk-in{margin-top:8px}.sk-k b{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:normal;word-break:normal;font-size:.92rem}

/* Hof-App: Experten / Wissenschaft / Probenehmer (design/experten/hexp.js) */
.hx{margin:10px 0 4px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);padding:0 12px}
.hx>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:800}
.hx-l,.hx-sl,.hx-jl{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hx-c{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:10px 12px;min-width:0}
.hx-ch{display:flex;gap:10px;align-items:center}.hx-ch small{display:block;color:var(--ink2);font-size:.82rem}
.hx-f{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 48px;background:var(--bg2)}.hx-f0{display:grid;place-items:center;font-size:1.4rem}
.hx-b{margin:6px 0}.hx-pcg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hx-pcg h4{margin:4px 0;font-size:.9rem}
@media (max-width:520px){.hx-pcg{grid-template-columns:1fr}}
.hx-sl li{border-left:3px solid var(--line);padding-left:10px}.hx-q{word-break:break-word}
.hx-k{margin:10px 0}
.bdg.b-ok{background:color-mix(in srgb,#2fa866 18%,var(--panel));color:var(--ink)}.bdg.b-warn{background:color-mix(in srgb,#e0a600 25%,var(--panel));color:var(--ink)}.bdg.b-bad{background:color-mix(in srgb,#c0392b 18%,var(--panel));color:var(--ink)}
.hx-ov{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center}.hx-ov[hidden]{display:none}
.hx-bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.hx-p{position:relative;background:var(--panel);color:var(--ink);width:min(560px,100%);max-height:92vh;overflow:auto;border-radius:20px 20px 0 0;padding:16px;box-shadow:var(--shadow)}
@media (min-width:700px){.hx-ov{align-items:center}.hx-p{border-radius:20px}}
.hx-ph{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.hx-ph h2{font-size:1.15rem;margin:0}
.hx-p label:not(.chk){display:block;font-weight:700;margin:10px 0 4px}
.hx-p textarea{width:100%;min-height:110px;padding:10px 12px;border-radius:12px;border:2px solid var(--line);background:var(--panel2);color:var(--ink);font:500 1rem 'Inter',sans-serif}
.hx-prev pre{white-space:pre-wrap;font:500 .85rem 'Inter',sans-serif;background:var(--bg2);padding:8px 10px;border-radius:10px;margin:0}
.hx-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
body.hx-open{overflow:hidden}
.hx-pn{margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:12px}.hx-pn h4{margin:0 0 4px}
.hx-pnl{border:0;margin:6px 0;padding:0;display:grid;gap:8px}
.hx-pno{display:flex;gap:8px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:8px 10px;cursor:pointer;min-height:44px}.hx-pno.on{border-color:#e0a600;background:color-mix(in srgb,#fbb900 12%,transparent)}
.hx-pno input{width:20px;height:20px;flex:0 0 20px;margin-top:2px;accent-color:#e0a600}
.hx-pnc{margin-top:8px;padding:8px 10px;background:var(--bg2);border-radius:10px}.hx-pnc p{margin:4px 0}
.hx-jl li{font-size:.9rem}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Hof-App – Deine Unterlagen (hofimport.js): drei Wege, Prüfliste, gelbe Markierung importierter Werte, Onboarding */
.him-wege h2{margin:0 0 4px;font-size:clamp(20px,4.6vw,26px);line-height:1.2}
.him-3{display:grid;grid-template-columns:1fr;gap:10px;margin:12px 0}
@media (min-width:760px){.him-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.him-weg{display:grid;grid-template-columns:44px 1fr;column-gap:12px;row-gap:2px;align-items:center;min-height:72px;padding:10px 14px;border-radius:16px;border:2px solid var(--line);background:var(--panel);color:var(--ink);text-decoration:none;text-align:left;font:inherit;cursor:pointer;box-shadow:var(--shadow);min-width:0}
.him-weg .him-i{grid-row:1/span 3;align-self:center;justify-self:center}
.him-weg b{font-size:1.08rem;font-weight:800;line-height:1.2}.him-weg small{color:var(--ink2);font-size:.88rem;line-height:1.3}.him-weg .bdg{justify-self:start;margin:2px 0 0}
@media (min-width:760px){.him-weg{grid-template-columns:1fr;align-items:start;min-height:120px;padding:14px 16px}.him-weg .him-i{grid-row:auto;justify-self:start}}
.him-weg:hover,.him-weg:focus-visible{border-color:var(--brand)}
.him-i{font-size:1.7rem;line-height:1}
.him-mini{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.him-open{margin:6px 0 0;font-weight:700}
.him-top h1{margin:2px 0 8px;font-size:clamp(22px,5vw,30px);line-height:1.18}
.him-arten{list-style:none;padding:0;margin:6px 0 10px;display:flex;flex-wrap:wrap;gap:6px}
.him-arten li{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.92rem;font-weight:600}
.him-alt{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.him-pr{border:2px solid var(--estL);background:var(--est)}
.him-pr h2{margin:0 0 4px}
.him-l{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
.him-it{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.him-it>div:first-child{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}.him-it.pr{border:2px dashed var(--estL)}
.him-it .btns{margin:0}.him-zu select{max-width:100%}
.him-b{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0 0;font-size:.88rem;color:var(--warn)}
.fld.is-imp,.hc-num.is-imp{background:var(--est);border-color:color-mix(in srgb,var(--estL) 50%,transparent);border-radius:12px;box-shadow:0 0 0 2px var(--estL)}
.sk-k.is-imp{box-shadow:inset 0 0 0 3px var(--estL);background:var(--est)}
.him-ban{border:2px solid var(--brand)}
.him-steps{margin:8px 0;padding-left:1.4em}.him-steps li{margin:2px 0}
.him-form h2{font-size:1.1rem;margin:16px 0 6px}.him-form h2:first-child{margin-top:0}
.him-form label:not(.chk):not(.btn){display:block;font-weight:600;margin:10px 0 4px}
.him-form input[type=tel],.him-form input[type=text],.him-form textarea{width:100%;max-width:100%;box-sizing:border-box;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit}
.him-k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.him-k .hc-opt{justify-content:center;text-align:center;min-height:52px;font-size:.98rem}
.hc-opt.on{border-color:var(--brand)}
.him-up{margin:8px 0}.him-up input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.him-up .btn.dis{opacity:.5;pointer-events:none}
.him-files{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
.him-files li{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 10px;overflow-wrap:anywhere}
.him-ql{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}
.him-q{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.him-q .btns{margin:0;align-items:center}.him-q.s-eingetragen{border:2px solid var(--estL)}
.him-ask{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
.him-dlg{border:0;border-radius:18px;padding:18px;max-width:min(520px,calc(100vw - 32px));background:var(--panel);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.him-dlg::backdrop{background:rgba(0,0,0,.45)}
.him-dlg input{width:100%;box-sizing:border-box;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit}
.him-di{min-width:0}