/* Alle sechs Touren gleichzeitig, jede in einer gedeckten Farbe, dazu alle
   Huetten und Bergrestaurants (Michael 19.09.2026: "man soll die Vielfalt und
   die Moeglichkeiten alle aufzeigen"). Vorschau war probe-alle.html. */
:root{--pa1:#8A3A45;--pa2:#46664F;--pa3:#A7803A;--pa4:#40607A;--pa5:#735370;--pa6:#A45E3E}
.pa-alle path{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;
  opacity:.9;transition:opacity 200ms ease,stroke-width 200ms ease}
.pa-alle .pa-t1 path{stroke:var(--pa1)}.pa-alle .pa-t2 path{stroke:var(--pa2)}.pa-alle .pa-t3 path{stroke:var(--pa3)}
.pa-alle .pa-t4 path{stroke:var(--pa4)}.pa-alle .pa-t5 path{stroke:var(--pa5)}.pa-alle .pa-t6 path{stroke:var(--pa6)}
.pa-alle circle{stroke:#F6F2EA;stroke-width:1.4;vector-effect:non-scaling-stroke}
.pa-alle .pa-t1 circle{fill:var(--pa1)}.pa-alle .pa-t2 circle{fill:var(--pa2)}.pa-alle .pa-t3 circle{fill:var(--pa3)}
.pa-alle .pa-t4 circle{fill:var(--pa4)}.pa-alle .pa-t5 circle{fill:var(--pa5)}.pa-alle .pa-t6 circle{fill:var(--pa6)}
/* Eine Tour im Blick: die anderen treten zurueck, nicht weg */
.pa-alle.pa-fokus g[class^="pa-t"]{opacity:.18}
.pa-alle.pa-fokus g.pa-an{opacity:1}
.pa-alle.pa-fokus g.pa-an path{stroke-width:3.6}
/* Ist eine Tour geoeffnet, zeigt die Karte ihre eigene Darstellung */
.wk-kette-an .pa-alle{opacity:0;pointer-events:none}
/* Huetten deutlicher: gefuellte Punkte statt Ringe */
.pa-an-karte .wk-huette .wk-kern{fill:#F6F2EA;stroke:#5B4A3C;stroke-width:1.6}

/* Legende auf der Karte, links oben (Computer); am Handy unter der Karte */
.pa-legende{position:absolute;left:24px;top:24px;z-index:5;width:280px;
  background:rgba(53,48,43,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#F6F2EA;padding:20px 20px 14px}
.pa-legende h3{margin:0 0 4px;font-family:"Oswald",sans-serif;font-weight:300;font-size:18px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.pa-legende p{margin:0 0 14px;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.pa-legende ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(246,242,234,.18)}
.pa-legende li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:10px 8px 10px 0;
  border-bottom:1px solid rgba(246,242,234,.12);cursor:pointer;transition:background-color 160ms ease,opacity 200ms ease}
.pa-legende li i{height:3px;background:var(--f);margin-top:8px}
.pa-legende li b{display:block;font-family:"Abhaya Libre",Georgia,serif;font-weight:500;font-size:14px;line-height:1.3}
.pa-legende li span{display:block;margin-top:3px;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.65}
.pa-legende li:hover,.pa-legende li:focus-visible{background:rgba(246,242,234,.06);outline:none}
/* Eine Tour gewaehlt: sie bleibt hell, die anderen treten zurueck */
.pa-legende.pa-eine li{opacity:.4}
.pa-legende.pa-eine li.pa-gewaehlt{opacity:1;background:rgba(246,242,234,.08)}
.pa-legende.pa-eine li.pa-gewaehlt i{height:4px}
.pa-allezeigen{display:block;width:100%;margin:0 0 12px;padding:10px 0;background:none;border:1px solid rgba(246,242,234,.4);border-radius:0;
  color:inherit;cursor:pointer;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.pa-allezeigen[hidden]{display:none}
.pa-legende .pa-huette{display:flex;align-items:center;gap:12px;padding:12px 0 0;font-family:"DM Mono",monospace;font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.pa-legende .pa-huette::before{content:"";width:9px;height:9px;border-radius:50%;background:#F6F2EA;border:1.6px solid #5B4A3C;margin:0 7px}
/* Die Liste unter der Karte faellt weg: die Legende traegt jetzt alle sechs
   (Michael: "die ist sowieso fuer die Fische, zu weit unten"). Sie bleibt im
   HTML, weil die Legende ueber ihre Knoepfe die Tour oeffnet. Die Quellenzeile
   (OpenStreetMap, ODbL) bleibt sichtbar -- die Lizenz verlangt sie. */
.t-wahlzeile,.t-kopfreihe,#touren,#mehrListe{display:none !important}
@media (max-width:980px){
  .pa-legende{position:static;width:auto;margin:16px 0 0}
}

/* Eine Tour offen: nur ihre Zeile bleibt, die Legende wird kurz und deckt weniger Karte */
.pa-legende.pa-eine li:not(.pa-gewaehlt),.pa-legende.pa-eine .pa-huette,.pa-legende.pa-eine p{display:none}
/* Enger, damit die Legende ueber den Zoomknoepfen endet (gemessen: 19 px Ueberlappung) */
.pa-legende li{padding:7px 8px 7px 0}
.pa-legende .pa-huette{padding-top:10px}

/* "Alle sechs Touren": nur am Handy, dort stehen erst drei */
.pa-mehr{display:none}
@media (max-width:809px){
  .pa-legende:not(.pa-alle-offen):not(.pa-eine) li:nth-child(n+4){display:none}
  .pa-legende:not(.pa-eine) .pa-mehr{display:block;width:100%;margin:12px 0 4px;padding:12px 0;background:none;
    border:1px solid rgba(246,242,234,.4);border-radius:0;color:inherit;cursor:pointer;font-family:"DM Mono",monospace;
    font-size:10px;letter-spacing:.18em;text-transform:uppercase}
}

/* Tablet (600-980 px): die Karte stand fest 330 px hoch -- bei 900 px Breite
   ein Streifen, in dem Alpenrosensteig und Panoramasteig oben abgeschnitten
   waren (gemessen 19.09.2026: 61 von 164 Punkten draussen). Hoehe aus der
   Breite, damit nichts seitwaerts scrollt (siehe Kommentar in index.html). */
@media (min-width:600px) and (max-width:980px){
  .t-karte:not(.voll) .v-buehne{height:min(600px,66vw)}
}