.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:12px 16px;background:var(--flaeche-band);color:var(--text-invers);font-family:inherit;font-size:16px;font-weight:500;border:0;border-radius:var(--radius);cursor:pointer;text-decoration:none;text-align:center}.knopf--leise{background:var(--flaeche);color:var(--text);border:1px solid var(--linie)}.knopf--breit{display:flex;width:100%}.knopf:disabled{opacity:.6;cursor:default}.feld{display:block;width:100%;min-height:var(--tap);padding:16px;background:var(--flaeche);color:var(--text);font-family:inherit;font-size:16px;font-weight:500;border:1px solid var(--linie);border-radius:var(--radius)}textarea.feld{min-height:180px;resize:vertical;line-height:1.5}.beschriftung{display:block;margin-bottom:8px;font-size:14px;color:var(--text-leise)}.feldgruppe{margin-bottom:16px}.hinweis{display:block;min-height:var(--tap);padding:16px;margin-bottom:16px;border-radius:var(--radius);font-size:16px;font-weight:500;text-align:left;text-decoration:none}.hinweis--wartet{background:var(--warn-flaeche);color:var(--warn-text)}.hinweis--fehler{background:var(--fehler-flaeche);color:var(--fehler-text)}.hinweis--neutral{background:var(--flaeche-karte);color:var(--text);border:1px solid var(--linie)}.hinweis-knoepfe{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.liste{list-style:none;margin:0 0 16px;padding:0}.zeile{display:flex;align-items:center;gap:16px;width:100%;min-height:var(--tap);padding:16px;background:var(--flaeche);color:var(--text);font-family:inherit;font-size:16px;font-weight:500;text-align:left;border:0;border-bottom:1px solid var(--linie);border-radius:0;cursor:pointer;text-decoration:none}.zeile__haupt{flex:1;min-width:0}.zeile__neben{flex-shrink:0;font-size:14px;color:var(--text-leise)}.aufnahme-knopf{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:var(--tap);padding:12px 16px;background:var(--flaeche);color:var(--text);font-family:inherit;font-size:16px;font-weight:500;border:1px solid var(--linie);border-radius:var(--radius);cursor:pointer;text-align:left}.aufnahme-knopf.laeuft{background:var(--flaeche-band);color:var(--text-invers);border-color:var(--flaeche-band)}.aufnahme-zaehler{flex-shrink:0;font-variant-numeric:tabular-nums;font-size:16px}:root{--flaeche: #ffffff;--flaeche-karte: #f6f6f6;--flaeche-band: #000000;--text: #000000;--text-invers: #ffffff;--text-leise: #5e5e5e;--linie: #767676;--aktiv: #9dcdd6;--radius: 8px;--radius-pille: 9999px;--leiste: 56px;--tap: 56px;--warn-flaeche: #ffd400;--warn-text: #000000;--fehler-flaeche: #c81e1e;--fehler-text: #ffffff}*,*:before,*:after{box-sizing:border-box;box-shadow:none}html,body{margin:0;padding:0;background:var(--flaeche);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0;-webkit-text-size-adjust:100%}h1,h2,h3{margin:0 0 16px;font-weight:500;text-align:left}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 16px;text-align:left}small,.leise{font-size:14px;color:var(--text-leise)}a{color:var(--text);text-decoration:underline}.band-oben{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--leiste);padding:0 16px;background:var(--flaeche-band);color:var(--text-invers);font-size:16px;border-radius:0}.band-unten{position:fixed;right:0;bottom:0;left:0;z-index:10;display:flex;background:var(--flaeche-band);border-radius:0;padding-bottom:env(safe-area-inset-bottom)}.nav-eintrag{display:flex;flex:1;align-items:center;justify-content:center;min-height:var(--leiste);padding:8px 4px;background:transparent;color:var(--text-invers);font-family:inherit;font-size:14px;font-weight:500;border:0;text-decoration:none}.nav-eintrag[aria-current=page]{color:var(--aktiv)}.seite{padding:16px;padding-bottom:calc(var(--leiste) + 32px + env(safe-area-inset-bottom))}.seite--schmal{max-width:480px;margin:0 auto}.karte{background:var(--flaeche-karte);border-radius:var(--radius);padding:24px;margin-bottom:16px}.trenner{height:1px;background:var(--linie);border:0;margin:16px 0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}