/* Städteseiten: Styles der optionalen Module Ortsbild, Karte, Bahnhofslinien und Kultur (scripts/staedte-render.cjs).
 * Eigene Datei, nur geladen, wenn ein Modul erscheint. Eine Änderung braucht eine neue Version im Link (?v=…),
 * weil /assets/* immutable gecacht wird. */
.ortsbild { margin: 0 0 2rem; }
.ortsbild img { display: block; width: 100%; height: auto; border-radius: var(--radius-m); }
.ortsbild__quelle { margin-top: 0.5rem; font-size: 13px; line-height: 1.5; color: var(--color-muted); }
.karte { margin: 0; }
.karte__platz, .karte__rahmen {
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 0.75rem;
  width: 100%; aspect-ratio: 4 / 3; padding: 1.25rem; box-sizing: border-box;
  background: var(--color-cream-warm); border: 0.5px solid var(--color-line); border-radius: var(--radius-s);
}
.karte__rahmen { display: block; padding: 0; }
.karte__hinweis, .karte__extern { margin: 0; font-size: 14px; line-height: 1.6; color: var(--color-text); }
.karte__attribution { margin: 0.5rem 0 0; font-size: 13px; color: var(--color-muted); }
@media (min-width: 48rem) {
  .karte__platz, .karte__rahmen { aspect-ratio: 16 / 9; }
}
.bahnhof { margin-top: 1.5rem; }
.bahnhof__titel { margin: 0 0 0.5rem; font-size: 1.125rem; line-height: 1.4; }
.bahnhof__text { margin: 0 0 0.5rem; }
.bahnhof__linien, .kultur__liste { margin: 0; padding-left: 1.25rem; list-style: disc; }
.bahnhof__linien li, .kultur__liste li { margin: 0.25rem 0; line-height: 1.6; }