/* AGRICOIN Experten (agricoin.de/experten/) – auf den Grundbausteinen der Startseite/Akademie (Tokens im Seitenkopf) */
:root{--goodbg:color-mix(in srgb,var(--good) 14%,var(--surface));--badbg:color-mix(in srgb,var(--bad) 10%,var(--surface));--warnc:#e0a400}
html:not([lang="en"]) .en{display:none!important}html[lang="en"] .de{display:none!important}
[hidden]{display:none!important}
body{overflow-x:hidden}
.cta:not(.alt){box-shadow:0 3px 0 color-mix(in srgb,var(--btn) 70%,#000)}
.cta.alt{color:var(--ink);border-color:var(--ink2);background:transparent}
.cta.sm{min-height:44px;padding:9px 16px;font-size:.93rem}
.cta[aria-disabled=true]{opacity:.6;pointer-events:none}
.l2h .brand img{height:40px}
.aknav{display:flex;gap:2px;align-items:center;flex:1;min-width:0}
.aknav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:700;font-size:.95rem;white-space:nowrap}
.aknav a:hover{background:var(--band)}
.akbadge{font:800 .72rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;background:var(--btn);color:var(--btnink);padding:5px 8px;border-radius:6px;white-space:nowrap}
.l2h .tools{gap:6px}
.login{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;font-size:.9rem;white-space:nowrap}
.lang{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}
.lang button{min-height:44px;min-width:44px;border:0;background:transparent;color:var(--ink);font:800 .85rem var(--body);cursor:pointer}
.lang button[aria-pressed=true]{background:var(--btn);color:var(--btnink)}
@media (max-width:820px){.l2h .hin{flex-wrap:wrap;row-gap:0;padding-bottom:4px}.aknav{order:3;flex-basis:100%;justify-content:space-between;overflow-x:auto}.aknav a{padding:0 8px;font-size:.9rem}.l2h .brand img{height:32px}.login .de,.login .en{display:none!important}}
@media (max-width:380px){.akbadge{display:none}}
main{padding-bottom:40px}
html.l2page main section.ahero{padding-block:clamp(20px,4vw,56px) 0}
section.s{padding-block:clamp(36px,5vw,72px)}
.band2{position:relative}
.band2::before{content:"";position:absolute;inset:0 calc(50% - 50vw);background:var(--band);z-index:-1}
h1{font-size:clamp(2rem,4.4vw,3.6rem);font-weight:850;letter-spacing:-.03em;line-height:1.04}
h2.h{font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.02em;line-height:1.08;font-weight:850}
.lead{font-size:clamp(1.02rem,1.2vw,1.15rem);max-width:66ch}
.ahero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,4vw,64px);align-items:center}
.ahero h1 em{font-style:normal;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--btn) 70%,transparent) 0)}
.exfig{margin:0}.exfig svg{display:block;width:100%;height:auto}
.urteil{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.urteil li{display:flex;gap:10px;align-items:flex-start;font-weight:600}
.urteil li::before{content:"✓";flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--good);color:#fff;font-weight:900;font-size:.85rem;margin-top:1px}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(16px,2.2vw,24px);min-width:0}
.box ul,.box ol{padding-left:1.2em}.box li{margin-top:6px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin-top:22px}
.small{font-size:.88rem;color:var(--ink2)}
/* Filter */
.exf{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:18px}
.exf>div{display:flex;flex-direction:column;gap:4px;min-width:min(220px,100%);flex:1}
.exf label,.fld label,.ex-form label:not(.chk){font-weight:700;font-size:.92rem}
select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=tel],input[type=date],input[type=search],textarea{width:100%;min-height:48px;padding:10px 12px;border-radius:12px;border:2px solid var(--line);background:var(--surface);color:var(--ink);font:500 1rem var(--body)}
textarea{min-height:110px;resize:vertical}
select:focus,input:focus,textarea:focus{border-color:var(--accent)}
[aria-invalid=true]{border-color:var(--bad)!important}
.excount{font-weight:700;margin-top:14px}
/* Karten */
.exl{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.exc{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1.5px solid var(--line);border-radius:20px;padding:16px;min-width:0}
.exc.bsp{border-style:dashed}
.exh{display:flex;gap:12px;align-items:center}
.exh img,.exh .f0{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;background:var(--band);display:grid;place-items:center;font-size:1.8rem}
.exh h3{font-size:1.15rem}.exh small{display:block;color:var(--ink2);font-size:.88rem}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.chips li,.chip{display:inline-flex;align-items:center;font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--band);color:var(--ink)}
.bdg{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:800;padding:4px 9px;border-radius:999px;background:var(--band);color:var(--ink)}
.bdg.ok{background:var(--goodbg)}.bdg.warn{background:color-mix(in srgb,var(--warnc) 28%,var(--surface))}.bdg.bad{background:var(--badbg)}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pc>div{border-radius:14px;padding:10px 12px;font-size:.92rem}.pc .pro{background:var(--goodbg)}.pc .con{background:var(--badbg)}
.pc h4{margin:0 0 4px;font-size:.92rem}
.pc p{margin:0;white-space:pre-line}
.exc .btns,.btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.exhow summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.exhow{margin-top:22px}
.empty{padding:16px;border:1.5px dashed var(--line);border-radius:16px}
/* Detail / Formular (Dialog) */
.exov{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center}
.exov .bg{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.exov .pn{position:relative;background:var(--bg);color:var(--ink);width:min(760px,100%);max-height:94vh;overflow:auto;border-radius:22px 22px 0 0;padding:clamp(16px,3vw,28px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
@media (min-width:760px){.exov{align-items:center}.exov .pn{border-radius:22px}}
body.ov-open{overflow:hidden}
.pnh{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.xbtn{min-width:44px;min-height:44px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-size:1.1rem;cursor:pointer}
.dl{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:6px 14px;margin:12px 0}
.dl dt{font-weight:800;font-size:.9rem}.dl dd{margin:0;white-space:pre-line}
@media (max-width:560px){.dl{grid-template-columns:1fr}.dl dt{margin-top:6px}}
.ex-form{display:grid;gap:10px;margin-top:12px}
.chk{display:flex;gap:10px;align-items:flex-start;cursor:pointer;min-height:44px;padding-top:4px;font-weight:500}
.chk input{width:22px;height:22px;flex:0 0 22px;accent-color:#e0a600;margin-top:2px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.msg{padding:10px 12px;border-radius:12px;margin:8px 0;font-weight:600}.msg.ok{background:var(--goodbg)}.msg.err{background:var(--badbg)}.msg.info{background:var(--band)}
/* Wissenschaft, Anlaufstellen */
.wl{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.wl li{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--btn);border-radius:16px;padding:14px 16px}
.wl p{margin:4px 0 0}.wl .q{font-size:.86rem;color:var(--ink2);word-break:break-word}
.anl{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
.anl a{font-weight:800;display:inline-flex;min-height:44px;align-items:center}.anl p{margin:0;font-size:.9rem;color:var(--ink2)}
.std li{margin-top:6px}
.beisp{margin-top:22px}
/* Konto / Profil bearbeiten */
.kontoarea{margin-top:26px}
.kbox{background:var(--surface);border:1.5px solid var(--line);border-radius:22px;padding:clamp(16px,2.6vw,28px)}
.tabs{display:flex;gap:6px;margin:10px 0}
.tabs button{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--ink);font:800 .95rem var(--body);cursor:pointer}
.tabs button[aria-pressed=true]{background:var(--btn);border-color:var(--btn);color:var(--btnink)}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.fld{display:flex;flex-direction:column;gap:4px;min-width:0}.fld.w{grid-column:1/-1}
.fld .hint{font-size:.82rem;color:var(--ink2)}
fieldset.cb{border:1.5px solid var(--line);border-radius:14px;padding:8px 12px 12px;margin:0;min-width:0}
fieldset.cb legend{font-weight:800;font-size:.92rem;padding:0 4px}
.cbg{display:flex;flex-wrap:wrap;gap:6px}
.cbg label{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:4px 12px;border-radius:999px;border:1.5px solid var(--line);cursor:pointer;font-size:.9rem;font-weight:600}
.cbg input{width:18px;height:18px;accent-color:#e0a600}
.cbg label:has(input:checked){background:var(--soft);border-color:var(--btn)}
.stbox{border-radius:16px;padding:12px 14px;background:var(--band);margin:10px 0}
.stbox b{font-size:1.05rem}
.refrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.fotoprev{width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--band)}
.jobs{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:10px}
.jobs li{border:1.5px solid var(--line);border-radius:16px;padding:12px 14px;background:var(--surface)}
.ores{list-style:none;padding:0;margin:6px 0;display:grid;gap:6px}
.ores button{width:100%;text-align:left;min-height:44px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:600 .95rem var(--body);padding:8px 12px;cursor:pointer}
.linkbtn{background:none;border:0;color:var(--link);font:700 .95rem var(--body);text-decoration:underline;cursor:pointer;min-height:44px;padding:0}
/* Fuß */
footer.akft{border-top:1px solid var(--line);padding-block:28px 40px;margin-top:20px}
.akft .fl{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 16px}
.akft .fl a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:600;text-decoration:none}
.akft p{font-size:.88rem;color:var(--ink2);max-width:80ch}
.sv-band{fill:var(--band)}.sv-btn{fill:var(--btn)}
@media (max-width:900px){.exl{grid-template-columns:1fr}}
@media (max-width:760px){.ahero,.g2,.fgrid,.anl,.pc,.refrow{grid-template-columns:1fr}.akft .fl{grid-template-columns:repeat(2,minmax(0,1fr))}.exfig{max-width:420px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}