/**
 * Firmen-Map — Leaflet-Container für /kontakt/ — funktionaler Layer.
 * Stretch + Block-Display garantieren dass Leaflet einen Render-Anker hat.
 * Visuelle Werte (Höhe, Hintergrund, Typografie) leben im Skin-Overlay.
 */

.firmen-map {
  width: 100%;
  display: block;
}
/**
 * Firmen-Map — Leaflet-Container — r2go4 visueller Layer.
 * Höhe + Hintergrund + Typografie (Leaflet-Popups erben sonst Browser-Defaults).
 */

.firmen-map {
  height: 400px;
  background: var(--color-bg-warm);
}

.firmen-map .leaflet-container,
.firmen-map .leaflet-popup-content {
  font-family: var(--font-body);
  font-size: 0.9rem;
}