Ergänzung Datenschutzerklärung und Impressum, Fristenformular in Einstellungen

web/html/app.css

@@ -1465,3 +1465,94 @@ button.archive-head .chev { color: var(--muted); }
 .reg-toggle .checkline { margin-top: 0; }
 
 @media print { ul.suggestions, .card.archive { display: none !important; } }
+
+/* ===================================================================
+   Fußzeile mit Impressum und Datenschutz
+   =================================================================== */
+
+.app-footer {
+  max-width: 30rem;
+  margin: 0 auto;
+  padding: 1.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom));
+  text-align: center;
+  font-size: .82rem;
+  color: var(--muted);
+}
+
+.app-footer a { color: var(--muted); }
+.app-footer span { margin: 0 .4rem; }
+
+/* Über dem Sucher und über Dialogen darf sie nicht durchscheinen. */
+body.scanning .app-footer,
+body.modal-open .app-footer { display: none; }
+
+/* ===================================================================
+   Rechtliche Seiten
+   =================================================================== */
+
+.legal-text { line-height: 1.6; }
+
+.legal-text h1 { margin-bottom: .2rem; }
+
+.legal-text h2 {
+  margin: 2rem 0 .5rem;
+  font-size: 1.05rem;
+  padding-bottom: .3rem;
+  border-bottom: 1px solid var(--line);
+}
+
+.legal-text h3 { margin: 1.4rem 0 .4rem; font-size: .95rem; }
+
+.legal-text p { margin: .6rem 0; }
+.legal-text ul { margin: .6rem 0; padding-left: 1.2rem; }
+.legal-text li { margin: .25rem 0; }
+
+.legal-text table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: .8rem 0;
+  font-size: .9rem;
+}
+
+.legal-text th,
+.legal-text td {
+  text-align: left;
+  vertical-align: top;
+  padding: .45rem .5rem .45rem 0;
+  border-bottom: 1px solid var(--line);
+}
+
+.legal-text th { font-size: .8rem; text-transform: uppercase; color: var(--muted); }
+
+/* Hinweis, dass es sich um einen Entwurf handelt - soll nach dem
+   Ausfüllen entfernt werden. */
+.legal-text .draft {
+  background: var(--warn-bg);
+  border: 1px solid var(--warn-line);
+  border-radius: var(--radius);
+  padding: .8rem 1rem;
+  margin: 0 0 1.5rem;
+  font-size: .9rem;
+}
+
+/* Erläuterungen zur Rechtslage - gehören nicht in den fertigen Text. */
+.legal-text .hint {
+  font-size: .85rem;
+  color: var(--muted);
+  border-left: 2px solid var(--line);
+  padding-left: .8rem;
+  margin: .5rem 0 1rem;
+}
+
+.legal-text code {
+  background: rgba(127, 127, 127, .18);
+  padding: .1em .35em;
+  border-radius: 3px;
+  font-size: .9em;
+}
+
+@media print {
+  /* Im Ausdruck haben Rechtslinks nichts zu suchen - er soll die
+     Einkaufsliste zeigen, nicht die Fußzeile der Anwendung. */
+  .app-footer { display: none !important; }
+}