﻿/* Agrar Chaoten – geteilte Design-Tokens & Bausteine */
:root{
  --ac-green-400:#84d957; --ac-green-500:#6abe3f; --ac-green-700:#3b6d11;
  --ac-harvest:#f0ad36;
  --ac-ink-900:#0a1310; --ac-ink-800:#0f1b15; --ac-ink-700:#16241c;
  --ac-text:#eef3ec; --ac-muted:#9fb0a3; --ac-line:rgba(255,255,255,.10);
}
*:focus-visible{ outline:3px solid var(--ac-green-400); outline-offset:2px; }
@media (prefers-reduced-motion:reduce){ *{ animation:none!important; transition:none!important; } }

/* Alt-Gen Deko site-weit ausblenden */
.floating-leaf,.floating-icon{ display:none !important; }

/* Alt-Gen Grid-Overlay (animiertes body::before) entfernen */
body::before{ background:none !important; animation:none !important; }

/* Opt-in: Foto-Band */
.ac-band{ position:relative; isolation:isolate; padding:88px 0; background:var(--ac-ink-900); }
.ac-band::before{ content:""; position:absolute; inset:0; z-index:-2; background:var(--band-img) center/cover no-repeat; }
.ac-band::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(8,16,12,.90),rgba(8,16,12,.80) 50%,rgba(8,16,12,.93)); }
.ac-band > .container,.ac-band > *{ position:relative; z-index:1; }
@media (max-width:768px){ .ac-band{ padding:56px 0; } .ac-band::before{ background-attachment:scroll; background-position:center; } }

/* Opt-in: Icon-Box */
.ac-icon{ width:52px; height:52px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; background:rgba(132,217,87,.12); border:1px solid rgba(132,217,87,.25); }
.ac-icon i{ font-size:1.3rem; color:var(--ac-green-400); }

/* Opt-in: Kicker */
.ac-kicker{ display:inline-flex; align-items:center; gap:8px; font-size:.78rem; font-weight:600; letter-spacing:1.4px; text-transform:uppercase; color:var(--ac-green-400); padding:7px 14px; border-radius:999px; border:1px solid rgba(132,217,87,.30); background:rgba(132,217,87,.08); }
.ac-kicker .dot{ width:7px; height:7px; border-radius:50%; background:var(--ac-green-400); }

/* Opt-in: ruhige Card */
.ac-card{ background:var(--ac-ink-700); border:1px solid var(--ac-line); border-radius:18px; padding:28px; }

/* iOS: kein Auto-Zoom */
input,select,textarea,.form-control{ font-size:16px; }
