Feature: Hover-Vorschau auf Kartenmarkern

Marker zeigen jetzt beim Mouseover zusaetzlich zum bestehenden
Klick-Popup eine kompakte Vorschau (Leaflet-Tooltip) mit Name,
Kategorie, Kurzbeschreibung sowie Kurzfakten (Altersempfehlung,
Kostenart, Bewertung, falls vorhanden) - ohne dass geklickt werden muss.
Inhalt wird wie ueberall sonst als DOM-Node ueber el()/textContent
erzeugt, kein innerHTML.

css/components.css

@@ -220,3 +220,45 @@
   font-size: 0.85rem;
   color: var(--color-text-muted);
 }
+
+/* Hover-Vorschau (Leaflet-Tooltip) auf Kartenmarkern */
+
+.leaflet-tooltip.eventmap-tooltip-wrapper {
+  background: var(--color-surface);
+  color: var(--color-text);
+  border: none;
+  border-radius: var(--radius-sm);
+  box-shadow: var(--shadow-card);
+  padding: var(--space-sm) var(--space-md);
+}
+
+.leaflet-tooltip.eventmap-tooltip-wrapper::before {
+  border-top-color: var(--color-surface);
+}
+
+.eventmap-tooltip {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  max-width: 220px;
+}
+
+.eventmap-tooltip__title {
+  font-size: 0.9rem;
+}
+
+.eventmap-tooltip__category {
+  font-size: 0.78rem;
+  font-weight: 600;
+}
+
+.eventmap-tooltip__desc {
+  font-size: 0.82rem;
+  color: var(--color-text-muted);
+}
+
+.eventmap-tooltip__facts {
+  font-size: 0.78rem;
+  color: var(--color-text-muted);
+  font-weight: 600;
+}