/* Rechtliche Kurzzeile fuer alle Seiten ohne grossen Seiten-Footer (09/2026).
   Bewusst eigenstaendig: keine Abhaengigkeit von style.css oder Seitenvariablen,
   damit sie in Funnel, Konto, Onboarding und Healthcenter gleich aussieht.
   Das Markup steht identisch vor </body> jeder dieser Seiten. */
.legal-mini-footer {
  box-sizing: border-box;
  width: 100%;
  margin: 32px 0 0;
  padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  font: 400 12px/1.6 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #6b7280;
  text-align: center;
  clear: both;
}
.legal-mini-footer p { margin: 0; }
.legal-mini-footer nav { margin-top: 2px; }
.legal-mini-footer a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.legal-mini-footer a:hover,
.legal-mini-footer a:focus-visible { color: #111827; }
.legal-mini-footer .legal-sep { margin: 0 6px; opacity: .6; }

/* Seiten mit fester Tab-Leiste unten (Konto, Healthcenter, Bewegung, Rezepte,
   Tagespläne, Workouts): bis 768px liegt die Leiste sonst über der Kurzzeile,
   und Impressum und Datenschutz wären nicht erreichbar (§ 5 DDG). Die Klasse
   steht im Markup dieser Seiten; die :has-Regel fängt künftige Seiten ab.
   Zwei getrennte Regeln, damit ein Browser ohne :has die erste nicht verwirft. */
@media (max-width: 768px) {
  .legal-mini-footer--tabbar {
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  }
}
@media (max-width: 768px) {
  body:has(.dash-bottom-nav) .legal-mini-footer {
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  }
}