@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;--bg:#f6f6f0;--surface:#fff;--surface-soft:#f2f6ee;--ink:#1b2a1c;--ink-muted:#46543f;--border:#dce3d6;--linie-farbe:#1b2a1c;--panel:#1b2a1c;--panel-text:#fff;--panel-leise:#d6e2d0;--warn:#9a5410;--warn-bg:#fcefe2;--gefahr:#b3261e;--gefahr-bg:#fdecea;--logo-platte:transparent;--line-gradient:linear-gradient(90deg, #71c141 0%, #71c141 40%, #1b2a1c 100%);--radius-card:16px;--radius-button:16px;color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--linie:2px solid var(--linie-farbe);font-family:Poppins,Segoe UI,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.5}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none;margin:0}body{overflow-x:clip}button,input,select,a{touch-action:manipulation}#root{min-height:100dvh}h1{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:clamp(26px,7.5vw,34px);font-weight:600;line-height:1.15}h2{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 .6rem;font-size:.75rem;font-weight:600}.gedaempft{color:var(--ink-muted);margin:0}.klein-text{margin:0;font-size:.9rem}.nur-leser{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.kopf,.kopflinie,.inhalt{width:100%;max-width:1080px;margin-left:auto;margin-right:auto}.kopf{justify-content:space-between;align-items:center;gap:12px;padding:16px 24px 0;display:flex}.logo{background:var(--logo-platte);border-radius:12px;width:96px;height:auto;padding:2px 4px;display:block}.kopflinie{background:var(--line-gradient);border-radius:2px;width:calc(100% - 48px);max-width:1032px;height:3px;margin-top:8px;margin-bottom:0}.kopf-rechts{align-items:center;gap:.5rem;display:flex}.sprache select{font:inherit;background:var(--surface-soft);min-width:44px;height:44px;color:var(--brand-green-dark);border:none;border-radius:999px;padding:0 .8rem;font-size:13px;font-weight:700}.inhalt{flex-direction:column;gap:20px;padding:22px 24px 40px;display:flex}.login{flex-direction:column;gap:18px;width:100%;max-width:460px;margin:0 auto;display:flex}.suche{gap:.5rem;display:grid}label{gap:.35rem;font-size:.9rem;font-weight:600;display:grid}input,select{font:inherit}input{border:1px solid var(--border);border-radius:var(--radius-button);background:var(--surface);height:58px;color:var(--ink);width:100%;padding:0 1rem;font-size:17px;font-weight:500}input:focus-visible,select:focus-visible,button:focus-visible{border-color:var(--brand-green);box-shadow:0 0 0 2px var(--brand-green);outline:none}.vorschlaege{border:var(--linie);border-radius:var(--radius-button);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.vorschlaege li+li{border-top:1px solid var(--border)}.vorschlaege button{font:inherit;text-align:left;background:var(--surface);width:100%;min-height:58px;color:var(--ink);cursor:pointer;border:0;padding:.6rem 1rem;font-weight:600}.vorschlaege button:hover,.vorschlaege button:active{background:var(--surface-soft)}.hinweis{border-radius:14px;margin:0;padding:.8rem 1rem;font-size:.95rem;font-weight:600}.hinweis.warnung{background:var(--warn-bg);color:var(--warn)}.hinweis.fehler{background:var(--gefahr-bg);color:var(--gefahr)}.person-kopf{align-items:center;gap:14px;display:flex}.person-kopf h1{font-size:26px}.initialen{background:var(--brand-green);color:#1b2a1c;border-radius:999px;flex:none;place-items:center;width:56px;height:56px;font-size:20px;font-weight:700;display:grid}.punkte{justify-content:center;gap:14px;padding:8px 0;display:flex}.punkt{border:2px solid var(--border);border-radius:999px;width:16px;height:16px}.punkt.voll{background:var(--ink);border-color:var(--ink)}.ziffernblock{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 8px;display:grid}.taste{border:1px solid var(--border);border-radius:var(--radius-button);background:var(--surface);height:64px;font:inherit;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.taste:active,.taste.weich{background:var(--surface-soft)}.taste.leer{cursor:default;background:0 0;border:none}.taste:disabled{opacity:.4;cursor:default}@media (height<=700px){.taste{height:56px}}.knopf{font:inherit;border:var(--linie);border-radius:var(--radius-button);background:var(--brand-green);color:#1b2a1c;cursor:pointer;min-height:56px;padding:.6rem 1.2rem;font-weight:600}.knopf:disabled{opacity:.55;cursor:default}.knopf.zweit{background:var(--surface);color:var(--ink)}.knopf.zweit:hover{background:var(--surface-soft)}.knopf.klein{min-height:44px;padding:.4rem 1rem;font-size:.9rem}.link{font:inherit;color:var(--brand-green-dark);cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;font-weight:700;text-decoration:none}.mitte-text{place-self:center}.mitte{padding:24px 20px}.karte{background:var(--surface);border:var(--linie);border-radius:var(--radius-card);padding:16px}.begruessung{gap:.2rem;display:grid}.zeilen{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;display:grid}.zeile{font:inherit;text-align:left;background:var(--surface);width:100%;min-height:84px;color:var(--ink);border:var(--linie);border-radius:var(--radius-card);cursor:pointer;align-items:center;gap:14px;padding:12px 16px 12px 12px;display:flex}.zeile:hover{background:var(--surface-soft)}.zeile:active{transform:scale(.985)}.zeile:disabled{opacity:.6;cursor:default}.zeile .symbol{background:var(--panel);width:56px;height:56px;box-shadow:0 0 0 2px var(--brand-green);border-radius:50%;flex:none;place-items:center;display:grid}.zeile .text{flex-direction:column;flex:1;min-width:0;display:flex}.zeile .name{overflow-wrap:anywhere;font-size:1.05rem;font-weight:600;line-height:1.25}.zeile .beschreibung{color:var(--ink-muted);overflow-wrap:anywhere;font-size:.85rem;font-weight:400;line-height:1.3}.zeile .pfeil{color:var(--brand-green-dark);flex:none;font-size:1.4rem;font-weight:700}@media (width>=720px){h1{font-size:2rem}.kopf,.inhalt{padding-left:32px;padding-right:32px}.kopflinie{width:calc(100% - 64px);max-width:1016px}.ziffernblock{width:100%;max-width:380px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.zeile:active{transform:none}}
