:root{--bg: #f4f7f9;--karte: #ffffff;--linie: #e4e9ec;--linie2: #c9d3d9;--text: #1b2329;--text2: #65727b;--akzent: #2f6f8f;--akzent-hell: #d7e7ef;--stern: #e0a100;--rot: #b3261e;--vor: #fff8e6;--vor-rand: #e0a100;--vor-text: #6b4e00;--leer: #fff5f5;--leer-rand: #e08a8a;--ok-rand: #66b06a;--r: 18px;--nav: 64px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;min-height:100svh;font-size:17px;line-height:1.4}button,input,textarea,select{font:inherit;color:inherit}.seite{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:calc(env(safe-area-inset-top) + 12px) 14px calc(env(safe-area-inset-bottom) + var(--nav) + 20px)}.karte{background:var(--karte);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:12px}h1,h2{margin:0}h1{font-size:22px}h2{font-size:18px}.seitentitel{padding:4px 4px 0}.feld{display:flex;flex-direction:column;gap:4px;min-width:0}.feld>span{font-size:13px;font-weight:600;color:var(--text2)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=time],input[type=date],textarea,select{width:100%;border:1.5px solid var(--linie2);border-radius:12px;background:var(--karte);padding:10px 12px;font-size:17px;min-height:48px}input[type=time],input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center}input[type=time]::-webkit-date-and-time-value,input[type=date]::-webkit-date-and-time-value{text-align:left}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--akzent)}.zwei{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:14px;min-height:50px;padding:0 20px;background:var(--akzent-hell);color:var(--akzent);font-weight:600;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%}.btn:disabled{opacity:.5}.btn.primaer{background:var(--akzent);color:#fff}.btn.gross{min-height:60px;font-size:18px}.btn.klein{min-height:40px;width:auto;padding:0 16px;font-size:15px;flex:none}.btn.leise{background:transparent;color:var(--text2)}.btn.gefahr{background:transparent;color:var(--rot)}.btn.gelb{background:var(--vor);color:var(--vor-text);border:1.5px solid var(--vor-rand)}.huelle{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#141e2473;display:flex;align-items:flex-end;justify-content:center;padding:12px 12px calc(env(safe-area-inset-bottom) + 12px)}.fenster{width:100%;max-width:540px;max-height:92svh;overflow:auto}.pruefen{margin:0;padding:8px 12px;border-radius:10px;background:var(--vor);color:var(--vor-text);font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1.5px solid var(--linie2);background:#fff;border-radius:999px;padding:6px 12px;font-size:15px}.chip.an{background:var(--akzent);border-color:var(--akzent);color:#fff}.haken{display:flex;align-items:center;gap:10px;padding:10px;border:1.5px solid var(--linie);border-radius:12px}.haken input{width:22px;height:22px;accent-color:var(--akzent);flex:none}.titelzeile{display:flex;flex-direction:column;gap:4px;padding:0 4px}.zurueck{color:var(--akzent);text-decoration:none;font-weight:600}.fehler{color:var(--rot);margin:0}.hinweis{color:var(--text2);margin:0;padding:0 4px}.nav{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px;padding:8px 14px calc(env(safe-area-inset-bottom) + 8px);background:#fffffff2;border-top:1px solid var(--linie);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav a{flex:1;max-width:200px;text-align:center;padding:10px 4px;border-radius:12px;color:var(--text2);text-decoration:none;font-weight:600}.nav a.aktiv{background:var(--akzent-hell);color:var(--akzent)}.st-leer{border-color:var(--leer-rand)!important;background-color:var(--leer)!important}.st-vor{border-color:var(--vor-rand)!important;background-color:var(--vor)!important}.st-ok{border-color:var(--ok-rand)!important}.stbox{border:1.5px solid transparent;border-radius:12px;padding:6px 10px}