🚋
-
Tourenplan + Tram
+
Tourenplan + Tram & Metro
Erweiterte Version mit 13 Tram-Linien und 10 wichtigen Haltestellen
eingezeichnet. Perfekt für die Routenplanung.
diff --git a/tourenplan-mit-tram.html b/tourenplan-mit-tram.html
index be43a48..9a2f01e 100644
--- a/tourenplan-mit-tram.html
+++ b/tourenplan-mit-tram.html
@@ -4,7 +4,7 @@
JGA Prag – Tourenplan
+
JGA Prag – Tourenplan mit Tram & Metro
@@ -30,7 +30,50 @@
.leaflet-popup-content-wrapper { border-radius: 8px; }
.marker-label { background: rgba(30,30,30,0.9); color: white; padding: 3px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; white-space: nowrap; box-shadow: 0 1px 4px rgba(0,0,0,0.4); border: none; }
.marker-label::before { display: none; }
+ .tram-popup .leaflet-popup-content-wrapper {
+ background: rgba(30,30,30,0.95) !important;
+ color: #eee !important;
+ }
+ .tram-popup .popup-content h3 { color: #fff !important; }
+ .tram-popup .popup-content .desc,
+ .tram-popup .popup-content .meta { color: #ccc !important; }
+.lines-toggle {
+ background: rgba(30,30,30,0.95);
+ padding: 10px 12px;
+ border-radius: 8px;
+ color: #eee;
+ font-size: 13px;
+ box-shadow: 0 2px 8px rgba(0,0,0,0.4);
+ border: 1px solid #444;
+ max-width: 220px;
+ max-height: 60vh;
+ overflow-y: auto;
+}
+.lines-toggle h4 { margin: 0 0 8px 0; font-size: 14px; }
+.lines-toggle label {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ margin: 3px 0;
+ cursor: pointer;
+ user-select: none;
+}
+.lines-toggle input { cursor: pointer; }
+.lines-toggle .swatch {
+ display: inline-block;
+ width: 22px;
+ height: 4px;
+ border-radius: 2px;
+}
+.lines-toggle .group-header {
+ margin-top: 8px;
+ font-weight: 600;
+ font-size: 12px;
+ color: #aaa;
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+}
.tram-stop-label-wrapper { background: none !important; border: none !important; }
.tram-stop-label {
background: rgba(255,255,255,0.95);
@@ -44,115 +87,96 @@
transform: translate(8px, -8px);
border: 1px solid #333;
}
-.tram-popup .leaflet-popup-content-wrapper {
- background: rgba(30,30,30,0.95) !important;
- color: #eee !important;
-}
-.tram-popup .popup-content h3 {
- color: #fff !important;
-}
-.tram-popup .popup-content .desc,
-.tram-popup .popup-content .meta {
- color: #ccc !important;
-}
-
+
-
-