@font-face{font-family:Poppins;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/poppins-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Poppins;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/poppins-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Poppins;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/poppins-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/poppins-latin-700-normal.woff2)format("woff2")}:root{--brand-green:#71c141;--brand-green-dark:#2e6b12;--surface-soft:#f2f6ee;--surface:#fff;--ink:#1b2a1c;--ink-muted:#4a5a4b;--border:#dce3d6;--warn:#9a5410;--warn-bg:#fcefe2;--gefahr:#c62828;--gefahr-bg:#fdecea;--line-gradient:linear-gradient(90deg, #71c141 0%, #71c141 40%, #1b2a1c 100%);--radius-card:14px;--radius-button:14px;--shadow-card:0 1px 2px #1b2a1c0f, 0 4px 14px #1b2a1c0d;color:var(--ink);background:var(--surface-soft);font-family:Poppins,Segoe UI,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.5}*{box-sizing:border-box}body{background:var(--surface-soft);margin:0}h1{margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}h2{color:var(--ink-muted);margin:0 0 .6rem;font-size:1rem;font-weight:600}.gedaempft{color:var(--ink-muted)}.nur-leser{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.kopf{background:var(--surface)}.kopf-innen{align-items:center;gap:.8rem;max-width:960px;margin:0 auto;padding:.7rem 16px;display:flex}.logo{width:auto;height:34px;display:block}.produkt{font-size:1.05rem;font-weight:700}.kopf-rechts{align-items:center;gap:.5rem;margin-left:auto;display:flex}.kopflinie{background:var(--line-gradient);height:3px}.seite{gap:1.5rem;max-width:960px;margin:0 auto;padding:1.25rem 16px 3rem;display:grid}.mitte{place-items:center;min-height:60vh;padding:1.5rem 16px;display:grid}.karte{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.1rem}.karte.schmal{gap:1rem;width:100%;max-width:420px;display:grid}label{gap:.3rem;font-size:.9rem;font-weight:600;display:grid}input,select{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:46px;color:var(--ink);border-radius:12px;padding:.55rem .75rem;font-weight:500}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--brand-green);outline-offset:2px}.knopf{font:inherit;border-radius:var(--radius-button);background:var(--brand-green);min-height:46px;color:var(--ink);cursor:pointer;border:0;padding:.6rem 1.2rem;font-weight:700}.knopf:hover{filter:brightness(.95)}.knopf:disabled{opacity:.55;cursor:default}.knopf.zweit{background:var(--surface-soft);border:1px solid var(--border);font-weight:600}.link{font:inherit;color:var(--brand-green-dark);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.hinweis{border-radius:12px;margin:0;padding:.7rem .9rem;font-size:.9rem}.hinweis.warnung{background:var(--warn-bg);color:var(--warn)}.hinweis.fehler{background:var(--gefahr-bg);color:var(--gefahr)}.app-kacheln{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;display:grid}.app-kachel{font:inherit;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);min-height:118px;box-shadow:var(--shadow-card);color:var(--ink);cursor:pointer;align-content:center;justify-items:center;gap:.55rem;padding:1rem .6rem;display:grid}.app-kachel:hover{border-color:var(--brand-green)}.app-kachel:active{transform:scale(.98)}.app-kachel .symbol{background:var(--surface-soft);width:52px;height:52px;color:var(--brand-green-dark);border-radius:14px;place-items:center;display:grid}.app-kachel .name{overflow-wrap:anywhere;font-weight:600;line-height:1.25}@media (width<=420px){.produkt{display:none}}