/* Die App-eigenen Styles. theme.css neben dieser Datei gehört der Plattform (wird bei einem Starter-Update ersetzt, nie bearbeitet);
   alles, was diese Seite ergänzt, gehört hierher und baut auf den Custom Properties des Themes (--theme-*) auf. */

/* Kopfzeilen-Navigation: horizontale Abstände und vertikales Padding */
header nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--theme-space-s, 1rem);
  padding-block: var(--theme-space-xs, 0.75rem);
}

/* Navigationslinks: Akzentfarbe, nur bei Hover/Fokus unterstrichen */
header nav a {
  color: var(--theme-accent-strong, currentColor);
  text-decoration: none;
}

header nav a:hover,
header nav a:focus-visible {
  text-decoration: underline;
}

/* Fußzeile: gedämpfter Text, kleine Schrift, Trennlinie oben */
footer {
  color: var(--theme-text-muted, inherit);
  font-size: var(--theme-size-step--1, 0.85rem);
  border-top: 1px solid var(--theme-border-subtle, currentColor);
  padding-block: var(--theme-space-m, 1.5rem);
}