/* Vorschau 19.09.2026: neue Registerkarte der Touren (Michael: "Swiss Grid,
   sehr benutzerfreundlich, sehr schoen. Die Leute muessen es lieben.").
   Nur probe-blatt.html -- die echte Karte bleibt unberuehrt.
   Raster: 8-px-Einheit, eine linke Kante fuer alles, Beschriftungen in DM Mono
   (wie Kalendertafel und Kiesel), Werte in Cormorant, Linien 1 px. */
.bl-an .t-auge{font-family:"DM Mono",ui-monospace,monospace;font-weight:400;font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;margin:32px 0 12px;opacity:.75}
.bl-an .bl-lead{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:20px;line-height:1.4;
  margin:0 0 24px;color:inherit}

/* Kennzahlen: zwei Spalten, Haarlinien, Wert gross, Beschriftung klein darueber */
.bl-raster{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(246,242,234,.18);margin:0}
.bl-zelle{padding:14px 0 16px;border-bottom:1px solid rgba(246,242,234,.18)}
.bl-zelle:nth-child(odd){padding-right:16px}
.bl-zelle:nth-child(even){padding-left:16px;border-left:1px solid rgba(246,242,234,.18)}
.bl-zelle dt{font-family:"DM Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  opacity:.7;margin:0 0 6px}
.bl-zelle dd{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:26px;line-height:30px;
  font-variant-numeric:lining-nums}
.bl-zelle dd small{font-family:"DM Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.08em;margin-left:4px;opacity:.8}
.bl-bahn{display:flex;align-items:center;gap:10px;margin:14px 0 0 !important;font-family:"DM Mono",ui-monospace,monospace;
  font-size:11px !important;letter-spacing:.14em;text-transform:uppercase;line-height:16px !important}
.bl-bahn::before{content:"";width:18px;border-top:1.5px dashed currentColor;opacity:.8}

/* Einschaetzung: schlicht, ohne Farbbalken -- das Raster traegt schon genug Linien */
.bl-an .t-urteil{border-left:0;padding-left:0}
.bl-an .t-urteil p:first-child{font-size:17px !important;line-height:1.55}

/* Hoehenprofil: eigene Linie ueber dem alten Bild, Bahnstuecke gestrichelt */
.bl-an .kt-profilfuss,.bl-an .kt-satz{display:none}
.bl-an .kt-profilrahmen .kt-linie{stroke:transparent !important}
.bl-strecke{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.bl-strecke line{stroke:#F1ECE3;stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke}
.bl-strecke line.bahn{stroke-dasharray:3 4;opacity:.85}
.bl-strecke line.jetzt{stroke:#E8B98C;stroke-width:2.4}
.bl-feld{position:absolute;top:-8px;bottom:-8px;background:rgba(246,242,234,.07);pointer-events:none;opacity:0;
  transition:opacity 160ms ease}
.bl-feld.da{opacity:1}
.bl-an .kt-profilrahmen{cursor:crosshair;touch-action:pan-y}
.bl-legende{display:flex;gap:24px;margin:-8px 0 0;font-family:"DM Mono",ui-monospace,monospace;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.bl-legende span{display:flex;align-items:center;gap:8px}
.bl-legende span::before{content:"";width:18px;border-top:1.5px solid currentColor}
.bl-legende span.bahn::before{border-top-style:dashed}
.bl-hinweis{font-family:"DM Mono",ui-monospace,monospace;font-size:10px !important;letter-spacing:.1em;opacity:.55;margin:10px 0 0 !important}

/* Ablauf: nur die Liste, ohne zweites Profil */
.bl-an .kt-ablaufbild,.bl-an .kt-ablaufrahmen,.bl-an .kt-ablaufachse{display:none}
.bl-an .kt-astufe{cursor:pointer;transition:background-color 160ms ease}
.bl-an .kt-astufe.bl-gewaehlt{background:rgba(246,242,234,.07)}

/* Mehr zur Tour: aufklappbar */
.bl-mehr{margin-top:32px;border-top:1px solid rgba(246,242,234,.18)}
.bl-mehr summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 0;
  font-family:"DM Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.bl-mehr summary::-webkit-details-marker{display:none}
.bl-mehr summary::after{content:"+";font-size:18px;letter-spacing:0;transition:rotate 200ms cubic-bezier(.23,1,.32,1)}
.bl-mehr[open] summary::after{rotate:45deg}
@media (prefers-reduced-motion:reduce){ .bl-feld,.bl-mehr summary::after,.bl-an .kt-astufe{transition:none} }
/* Die alte Kennzahlenzeile im Kopf doppelt das Raster -- weg */
.bl-an .t-regzahlen{display:none}
.bl-an .t-regkopf{padding-bottom:8px}
.bl-zelle dt{line-height:14px}
.bl-an .t-urteil p.t-woran{font-family:"Abhaya Libre",Georgia,serif;font-size:14px !important;line-height:1.55;letter-spacing:0;
  text-transform:none;opacity:.75;margin-top:8px}
.bl-an .kt-profilrahmen.mit-achse{margin:16px 0 24px 58px}

/* Ablauf als Tabelle im Raster: Nummer | Schritt | Hoehe. Statt Punkten am
   Rand dasselbe Zeichen wie in der Legende -- durchgezogen = zu Fuss,
   gestrichelt = Bahn. Eine Zeichensprache fuer Profil und Liste. */
.bl-an .kt-ablaufliste{counter-reset:bl;padding:0;border-top:1px solid rgba(246,242,234,.18)}
.bl-an .kt-astufe{counter-increment:bl;display:grid;grid-template-columns:28px 1fr auto;column-gap:12px;align-items:baseline;
  padding:14px 8px 14px 0;border-bottom:1px solid rgba(246,242,234,.12)}
.bl-an .kt-astufe::before{content:counter(bl, decimal-leading-zero);font-family:"DM Mono",ui-monospace,monospace;
  font-size:10px;letter-spacing:.1em;opacity:.55;grid-column:1;grid-row:1}
.bl-an .kt-amarke{display:none}
.bl-an .kt-astufe > :nth-child(2){grid-column:2;grid-row:1}
.bl-an .kt-ahoehe{grid-column:3;grid-row:1;font-family:"DM Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.04em;white-space:nowrap}
.bl-an .kt-astufe .kt-wastext,.bl-an .kt-astufe.kt-bahn .kt-wastext{font-family:"Abhaya Libre",Georgia,serif;font-size:16px;
  line-height:1.35;font-weight:500;display:flex;align-items:baseline;gap:10px}
.bl-an .kt-astufe .kt-wastext::before{content:"";flex:0 0 14px;border-top:1.5px solid currentColor;opacity:.7;translate:0 -4px}
.bl-an .kt-astufe.kt-bahn .kt-wastext::before{border-top-style:dashed}
.bl-an .kt-was{display:block}
.bl-an .kt-wasklein{display:block;font-family:"DM Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;margin:6px 0 0 24px;opacity:.65;line-height:14px}
/* Eine linke Kante fuer alles (gemessen 19.09.2026: Urteil stand 20 px links
   davor, Profil und Ablauf 18 px eingerueckt) */
.bl-an .t-urteil{margin-left:0}
.bl-an .kt-profil,.bl-an .kt-ablauf{padding:0}
.bl-an .kt-astufe{padding-right:0}
.bl-an .t-urteil{padding:0 !important;border:0 !important;background:none !important}
.bl-an .kt-wasklein{letter-spacing:.08em}

/* ================= Typo-Fassungen Y1-Y3 (19.09.2026) =================
   Michael: "nicht schoen genug, nicht sportlich genug". Sportlich heisst
   hier: grosse, schmale Zahlen mit festen Ziffernbreiten, kleine
   Einheiten, klare Beschriftung -- wie auf einer Sportuhr, aber ruhig. */
.bl-schalter{position:fixed;left:8px;top:8px;z-index:99999;display:flex;flex-direction:column;gap:2px}
.bl-schalter div{display:flex;background:#3D3733}
.bl-schalter a{font-family:"DM Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  padding:8px 10px;color:rgba(246,242,234,.6);text-decoration:none}
.bl-schalter a[aria-current]{background:#4a433d;color:#F6F2EA}
.bl-zelle dd{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 4px}
.bl-ca,.bl-pfeil{font-size:.5em;opacity:.7}
.bl-pfeil{margin:0 2px 0 6px}.bl-pfeil:first-child{margin-left:0}
.bl-grad{display:inline-flex;gap:3px;margin-left:10px;align-self:center}
.bl-grad i{width:14px;height:3px;background:currentColor;opacity:.22}
.bl-grad i.voll{opacity:.9}

/* Y1 SPORT: Oswald (die Schrift der Wortmarke), schmal und hoch.
   Titel in gesperrten Versalien, Zahlen gross wie auf einer Anzeigetafel. */
html[data-ty="Y1"] .t-regname{font-family:"Oswald",sans-serif;font-weight:300;font-size:24px;line-height:30px;
  letter-spacing:.08em;text-transform:uppercase}
html[data-ty="Y1"] .bl-lead{font-family:"Abhaya Libre",Georgia,serif;font-size:17px;line-height:1.6}
html[data-ty="Y1"] .bl-zelle dd{font-family:"Oswald",sans-serif;font-weight:300;font-size:46px;line-height:48px;
  letter-spacing:.01em;font-variant-numeric:tabular-nums}
html[data-ty="Y1"] .bl-zelle dd small{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-left:2px}
html[data-ty="Y1"] .bl-zelle.bl-text dd{font-size:26px;line-height:48px;letter-spacing:.1em;text-transform:uppercase}

/* Y2 SWISS: Inter, eng gesetzt, kraeftige Linie oben -- Muller-Brockmann statt Hotelprospekt */
html[data-ty="Y2"] .t-regname{font-family:"Inter",sans-serif;font-weight:400;font-size:24px;line-height:30px;letter-spacing:-.015em}
html[data-ty="Y2"] .bl-lead{font-family:"Inter",sans-serif;font-weight:300;font-size:17px;line-height:1.55;letter-spacing:-.005em}
html[data-ty="Y2"] .bl-raster{border-top:2px solid rgba(246,242,234,.85)}
html[data-ty="Y2"] .bl-zelle dt{font-family:"Inter",sans-serif;font-weight:500;font-size:10px;letter-spacing:.12em}
html[data-ty="Y2"] .bl-zelle dd{font-family:"Inter",sans-serif;font-weight:300;font-size:38px;line-height:44px;
  letter-spacing:-.035em;font-variant-numeric:tabular-nums}
html[data-ty="Y2"] .bl-zelle dd small{font-family:"Inter",sans-serif;font-weight:500;font-size:12px;letter-spacing:0;margin-left:2px}
html[data-ty="Y2"] .bl-zelle.bl-text dd{font-size:24px;letter-spacing:-.01em;font-weight:400}
html[data-ty="Y2"] .t-auge,html[data-ty="Y2"] .bl-bahn,html[data-ty="Y2"] .bl-legende{font-family:"Inter",sans-serif;font-weight:500;letter-spacing:.12em}

/* Y3 INSTRUMENT: alles in DM Mono wie ein Messgeraet, nur der Titel bleibt
   Cormorant -- Genauigkeit und Haus zugleich. */
html[data-ty="Y3"] .t-regname{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:28px;line-height:32px}
html[data-ty="Y3"] .bl-lead{font-family:"Abhaya Libre",Georgia,serif;font-size:17px;line-height:1.6}
html[data-ty="Y3"] .bl-zelle dd{font-family:"DM Mono",monospace;font-weight:300;font-size:32px;line-height:40px;letter-spacing:-.03em}
html[data-ty="Y3"] .bl-zelle dd small{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
html[data-ty="Y3"] .bl-zelle.bl-text dd{font-size:18px;letter-spacing:.14em;text-transform:uppercase;font-weight:400}
html[data-ty="Y3"] .bl-zelle{position:relative}
html[data-ty="Y3"] .bl-zelle::after{content:"0" counter(blz);counter-increment:blz;position:absolute;top:14px;right:0;
  font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em;opacity:.4}
html[data-ty="Y3"] .bl-raster{counter-reset:blz}

/* Sechs Felder: Einheit "inklusive" bei den Bahnen nicht in Versalien-Groesse */
.bl-zelle:last-child dd small,.bl-zelle:nth-last-child(2) dd small{white-space:nowrap}
html[data-ty="Y1"] .bl-zelle.bl-text dd,html[data-ty="Y3"] .bl-zelle.bl-text dd{line-height:48px}

/* ============ Ueberschrift-Fassungen fuer Y1 (19.09.2026, "Y1 ist das Beste") ============ */
.bl-vor,.bl-nach{display:none}
/* H1 KLEINZEILE: davor "TOUR 01 · MITTEL" in DM Mono -- ordnet die Tour ein,
   der Titel darunter etwas groesser */
html[data-ty="Y1"][data-hv="H1"] .bl-vor{display:block;margin:0 0 12px;font-family:"DM Mono",monospace;font-size:10px;
  letter-spacing:.24em;text-transform:uppercase;opacity:.65}
html[data-ty="Y1"][data-hv="H1"] .t-regname{font-size:28px;line-height:32px;letter-spacing:.07em}
/* H2 PLAKAT: gross und eng, ausgeglichene Zeilen -- wie auf einem Bergplakat */
html[data-ty="Y1"][data-hv="H2"] .t-regname{font-size:38px;line-height:38px;letter-spacing:.015em;text-wrap:balance}
/* H3 GIPFEL: Titel wie Y1, darunter eine Haarlinie (das Lot aus dem Kiesel,
   waagrecht) und die Gipfelhoehe in DM Mono */
html[data-ty="Y1"][data-hv="H3"] .t-regname{font-size:28px;line-height:32px;letter-spacing:.08em}
html[data-ty="Y1"][data-hv="H3"] .bl-nach{display:flex;align-items:center;gap:12px;margin:14px 0 0;font-family:"DM Mono",monospace;
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
html[data-ty="Y1"][data-hv="H3"] .bl-nach::before{content:"";width:28px;border-top:1px solid currentColor;opacity:.6}

/* Handy, Michael 20.09.2026: Abstand der Tourbeschreibung unter der Karte -- EIN Mass (20 px = seitlicher Rand)
   fuer Karte-zu-Blatt, oben im Kopf, unten im Kopf und oben im Text. Vorher 18/18/8/18. */
@media (max-width:980px){
  .t-karte:not(.voll) .t-reg{margin-top:20px}
  .t-karte:not(.voll) .bl-an .t-regkopf,.t-karte:not(.voll) .t-regkopf{padding:20px 20px 20px}
  .t-karte:not(.voll) .t-regleib{padding:20px 20px 28px}
}