/* Zusatz nur für die Web-Fassung (Handy). app/style.css bleibt unverändert. */
html, body { overscroll-behavior: none; -webkit-text-size-adjust: 100%; }
body { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
button, [data-akt] { touch-action: manipulation; }
input, textarea, select { font-size: 16px; }
#web-maske { position: fixed; inset: 0; z-index: 100; display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 24px; background: var(--nova-background); }
#web-maske h1 { font-weight: 300; margin: 0; font-size: 34px; color: var(--nova-ink); }
#web-maske p { margin: 0; color: var(--nova-muted); }
#web-maske input { padding: 14px; border: 1px solid var(--nova-border-strong); border-radius: var(--nova-radius-md); background: var(--nova-pearl); color: var(--nova-ink); }
#web-maske button, #web-sichern button { padding: 14px; border: 0; border-radius: var(--nova-radius-pill); background: var(--nova-button); color: #fff; font: inherit; min-height: 44px; }
#web-sichern { position: fixed; inset: 0; z-index: 100; overflow: auto; padding: calc(16px + env(safe-area-inset-top)) 16px 24px; background: var(--nova-background); display: flex; flex-direction: column; gap: 12px; color: var(--nova-ink); }
.web-sichern-liste { display: flex; flex-direction: column; gap: 10px; }
.web-sichern-liste img { width: 100%; border-radius: var(--nova-radius-md); }
@media (max-width: 760px) {
  body { padding-top: env(safe-area-inset-top); }
}