/**
 * HEATMAP-FARBSKALEN – Zentrale Farbdefinitionen
 * Wetterstation Schladming-Rohrmoos
 *
 * EINZIGE Quelle für alle Heatmap-Zellenfarben.
 * PHP gibt nur CSS-Klassen aus (z.B. class="hm hm-temp-3"),
 * mobile-nav.js ändert keine Farben mehr.
 *
 * Namensschema: .hm-{skala}-{stufe}
 * Jede Klasse setzt background + color + font-weight.
 *
 * WARTUNG: Farbe ändern → nur hier anpassen → wirkt überall.
 */

/* ===== TEMPERATUR (°C) – 12 Stufen ===== */
/* Stufe:  <-15  <-10  <-5   <0    <5    <10   <15   <20   <25   <30   <35   ≥35   */
.hm-temp-1  { background:#1a237e; color:#cfd8dc }  /* tiefblau */
.hm-temp-2  { background:#1565c0; color:#e0e0e0 }  /* blau */
.hm-temp-3  { background:#039be5; color:#000 }     /* kräftig hellblau */
.hm-temp-4  { background:#00bcd4; color:#000 }     /* kräftig cyan */
.hm-temp-5  { background:#009688; color:#fff }     /* kräftig teal */
.hm-temp-6  { background:#43a047; color:#fff }     /* kräftig grün */
.hm-temp-7  { background:#7cb342; color:#000 }     /* kräftig hellgrün */
.hm-temp-8  { background:#c0ca33; color:#000 }     /* kräftig gelbgrün */
.hm-temp-9  { background:#fdd835; color:#000 }     /* kräftig gelb */
.hm-temp-10 { background:#ffa000; color:#000 }     /* kräftig orange */
.hm-temp-11 { background:#e53935; color:#fff }     /* kräftig rot */
.hm-temp-12 { background:#b71c1c; color:#fff }     /* dunkelrot */

/* ===== FROSTTAGE (Tage T min < 0°C) – 11 Stufen ===== */
.hm-frost-1  { background:#faf5ff; color:#000 }
.hm-frost-2  { background:#f3e8ff; color:#000 }
.hm-frost-3  { background:#e9d5ff; color:#000 }
.hm-frost-4  { background:#d8b4fe; color:#000 }
.hm-frost-5  { background:#c084fc; color:#000 }
.hm-frost-6  { background:#a855f7; color:#fff }
.hm-frost-7  { background:#9333ea; color:#fff }
.hm-frost-8  { background:#7e22ce; color:#fff }
.hm-frost-9  { background:#6b21a8; color:#fff }
.hm-frost-10 { background:#581c87; color:#fff }
.hm-frost-11 { background:#4a1772; color:#fff }

/* ===== EISTAGE (Tage T max < 0°C) – 11 Stufen ===== */
.hm-eis-1  { background:#f0f9ff; color:#000 }
.hm-eis-2  { background:#e0f2fe; color:#000 }
.hm-eis-3  { background:#bae6fd; color:#000 }
.hm-eis-4  { background:#7dd3fc; color:#000 }
.hm-eis-5  { background:#38bdf8; color:#000 }
.hm-eis-6  { background:#0ea5e9; color:#fff }
.hm-eis-7  { background:#0284c7; color:#fff }
.hm-eis-8  { background:#0369a1; color:#fff }
.hm-eis-9  { background:#075985; color:#fff }
.hm-eis-10 { background:#0c4a6e; color:#fff }
.hm-eis-11 { background:#0a3655; color:#fff }

/* ===== SOMMERTAGE (Tage T max ≥ 25°C) – 10 Stufen ===== */
.hm-sommer-1  { background:#fefce8; color:#000 }
.hm-sommer-2  { background:#fef9c3; color:#000 }
.hm-sommer-3  { background:#fef08a; color:#000 }
.hm-sommer-4  { background:#fde047; color:#000 }
.hm-sommer-5  { background:#facc15; color:#000 }
.hm-sommer-6  { background:#eab308; color:#000 }
.hm-sommer-7  { background:#f59e0b; color:#000 }
.hm-sommer-8  { background:#f97316; color:#000 }
.hm-sommer-9  { background:#ea580c; color:#fff }
.hm-sommer-10 { background:#c2410c; color:#fff }

/* ===== HEISSE TAGE (Tage T max ≥ 30°C) – 6 Stufen ===== */
.hm-heiss-1 { background:#fee2e2; color:#000 }
.hm-heiss-2 { background:#fca5a5; color:#000 }
.hm-heiss-3 { background:#f87171; color:#000 }
.hm-heiss-4 { background:#ef4444; color:#fff }
.hm-heiss-5 { background:#dc2626; color:#fff }
.hm-heiss-6 { background:#991b1b; color:#fff }

/* ===== VEGETATIONSTAGE (Tage T avg > 5°C) – 10 Stufen ===== */
.hm-veg-1  { background:#f0fdf4; color:#000 }
.hm-veg-2  { background:#dcfce7; color:#000 }
.hm-veg-3  { background:#bbf7d0; color:#000 }
.hm-veg-4  { background:#86efac; color:#000 }
.hm-veg-5  { background:#4ade80; color:#000 }
.hm-veg-6  { background:#22c55e; color:#000 }
.hm-veg-7  { background:#16a34a; color:#fff }
.hm-veg-8  { background:#15803d; color:#fff }
.hm-veg-9  { background:#166534; color:#fff }
.hm-veg-10 { background:#14532d; color:#fff }

/* ===== NIEDERSCHLAG MONATSSUMME (mm) – 6 Stufen ===== */
/* hellblau → blau → dunkelblau → orange → rot */
.hm-regen-1 { background:#0e7490; color:#fff }  /* <20mm  - hellblau gedämpft */
.hm-regen-2 { background:#0369a1; color:#fff }  /* <50mm  - blau gedämpft */
.hm-regen-3 { background:#1e40af; color:#fff }  /* <80mm  - mittelblau gedämpft */
.hm-regen-4 { background:#1e3a8a; color:#fff }  /* <120mm - dunkelblau */
.hm-regen-5 { background:#9a3412; color:#fff }  /* <200mm - orange gedämpft */
.hm-regen-6 { background:#7f1d1d; color:#fff }  /* ≥200mm - rot gedämpft */

/* ===== MAX TAGESSUMME (mm) – 6 Stufen ===== */
.hm-regenmax-1 { background:#0e7490; color:#fff }  /* <10mm */
.hm-regenmax-2 { background:#0369a1; color:#fff }  /* <20mm */
.hm-regenmax-3 { background:#1e40af; color:#fff }  /* <30mm */
.hm-regenmax-4 { background:#1e3a8a; color:#fff }  /* <45mm */
.hm-regenmax-5 { background:#9a3412; color:#fff }  /* <60mm */
.hm-regenmax-6 { background:#7f1d1d; color:#fff }  /* ≥60mm */

/* ===== NIEDERSCHLAGSTAGE ≥ 0,2mm – 6 Stufen ===== */
.hm-ns02-1 { background:#0e7490; color:#fff }  /* <5  Tage */
.hm-ns02-2 { background:#0369a1; color:#fff }  /* <10 Tage */
.hm-ns02-3 { background:#1e40af; color:#fff }  /* <15 Tage */
.hm-ns02-4 { background:#1e3a8a; color:#fff }  /* <20 Tage */
.hm-ns02-5 { background:#9a3412; color:#fff }  /* <25 Tage */
.hm-ns02-6 { background:#7f1d1d; color:#fff }  /* ≥25 Tage */

/* ===== NIEDERSCHLAGSTAGE ≥ 10mm (STARK) – 5 Stufen ===== */
.hm-ns10-1 { background:#0e7490; color:#fff }  /* 1 Tag */
.hm-ns10-2 { background:#1e40af; color:#fff }  /* 2-3 Tage */
.hm-ns10-3 { background:#1e3a8a; color:#fff }  /* 4-5 Tage */
.hm-ns10-4 { background:#9a3412; color:#fff }  /* 6-8 Tage */
.hm-ns10-5 { background:#7f1d1d; color:#fff }  /* ≥9 Tage */

/* ===== GEWITTERTAGE – 7 Stufen ===== */
.hm-gewitter-1 { background:#fef9c3; color:#000 }
.hm-gewitter-2 { background:#fde68a; color:#000 }
.hm-gewitter-3 { background:#fcd34d; color:#000 }
.hm-gewitter-4 { background:#fbbf24; color:#000 }
.hm-gewitter-5 { background:#f59e0b; color:#000 }
.hm-gewitter-6 { background:#d97706; color:#fff }
.hm-gewitter-7 { background:#b45309; color:#fff }

/* ===== WINDBÖEN (km/h) – 6 Stufen ===== */
.hm-wind-1 { background:#d9f99d; color:#000 }
.hm-wind-2 { background:#a3e635; color:#000 }
.hm-wind-3 { background:#facc15; color:#000 }
.hm-wind-4 { background:#f97316; color:#000 }
.hm-wind-5 { background:#ef4444; color:#fff }
.hm-wind-6 { background:#991b1b; color:#fff }

/* ===== WINDTAGE (Tage Ø ≥ 10 km/h) – 6 Stufen ===== */
.hm-windtag-1  { background:#d9f99d; color:#000 }  /* <3 Tage */
.hm-windtag-2  { background:#a3e635; color:#000 }  /* <6 Tage */
.hm-windtag-3  { background:#facc15; color:#000 }  /* <10 Tage */
.hm-windtag-4  { background:#f97316; color:#000 }  /* <15 Tage */
.hm-windtag-5  { background:#ef4444; color:#fff }  /* <20 Tage */
.hm-windtag-6  { background:#991b1b; color:#fff }  /* ≥20 Tage */

/* ===== Ø WINDGESCHWINDIGKEIT (km/h) – 6 Stufen ===== */
.hm-windavg-1 { background:#d9f99d; color:#000 }  /* <3 ruhig */
.hm-windavg-2 { background:#a3e635; color:#000 }  /* <5 leicht */
.hm-windavg-3 { background:#facc15; color:#000 }  /* <7 mäßig */
.hm-windavg-4 { background:#f97316; color:#000 }  /* <9 frisch */
.hm-windavg-5 { background:#ef4444; color:#fff }  /* <12 stark */
.hm-windavg-6 { background:#991b1b; color:#fff }  /* ≥12 stürmisch */

/* ===== SONNENSCHEIN (Stunden) – 7 Stufen ===== */
.hm-sonne-1 { background:#713f12; color:#fff }  /* <50h */
.hm-sonne-2 { background:#854d0e; color:#fff }  /* <100h */
.hm-sonne-3 { background:#a16207; color:#fff }  /* <150h */
.hm-sonne-4 { background:#ca8a04; color:#fff }  /* <200h */
.hm-sonne-5 { background:#eab308; color:#fff }  /* <250h */
.hm-sonne-6 { background:#facc15; color:#000 }  /* <300h */
.hm-sonne-7 { background:#fde047; color:#000 }  /* ≥300h */

/* ===== GLOBALSTRAHLUNG (W/m²) – 7 Stufen ===== */
.hm-solar-1 { background:#713f12; color:#fff }  /* <50 sehr schwach */
.hm-solar-2 { background:#854d0e; color:#fff }  /* <100 schwach */
.hm-solar-3 { background:#a16207; color:#fff }  /* <150 mäßig */
.hm-solar-4 { background:#ca8a04; color:#fff }  /* <200 mittel */
.hm-solar-5 { background:#eab308; color:#fff }  /* <250 kräftig */
.hm-solar-6 { background:#facc15; color:#000 }  /* <300 stark */
.hm-solar-7 { background:#fde047; color:#000 }  /* ≥300 sehr stark */

/* ===== UV-INDEX Ø – 10 Stufen ===== */
.hm-uv-1  { background:#2e7d32; color:#fff }  /* <0.5 minimal */
.hm-uv-2  { background:#388e3c; color:#fff }  /* <1.0 niedrig */
.hm-uv-3  { background:#558b2f; color:#fff }  /* <1.5 niedrig-mäßig */
.hm-uv-4  { background:#9e9d24; color:#fff }  /* <2.0 mäßig */
.hm-uv-5  { background:#f9a825; color:#fff }  /* <2.5 mäßig-hoch */
.hm-uv-6  { background:#f57f17; color:#fff }  /* <3.0 hoch */
.hm-uv-7  { background:#ef6c00; color:#fff }  /* <3.5 hoch */
.hm-uv-8  { background:#d84315; color:#fff }  /* <4.0 sehr hoch */
.hm-uv-9  { background:#c62828; color:#fff }  /* <5.0 sehr hoch */
.hm-uv-10 { background:#7b1fa2; color:#fff }  /* ≥5.0 extrem */

/* ===== UV-INDEX MAX – 10 Stufen ===== */
.hm-uvmax-1  { background:#2e7d32; color:#fff }  /* <1 niedrig */
.hm-uvmax-2  { background:#388e3c; color:#fff }  /* <3 niedrig */
.hm-uvmax-3  { background:#9e9d24; color:#fff }  /* <4 mäßig */
.hm-uvmax-4  { background:#f9a825; color:#fff }  /* <5 mäßig */
.hm-uvmax-5  { background:#f57f17; color:#fff }  /* <6 hoch */
.hm-uvmax-6  { background:#ef6c00; color:#fff }  /* <7 hoch */
.hm-uvmax-7  { background:#d84315; color:#fff }  /* <8 sehr hoch */
.hm-uvmax-8  { background:#c62828; color:#fff }  /* <9 sehr hoch */
.hm-uvmax-9  { background:#7b1fa2; color:#fff }  /* <11 extrem */
.hm-uvmax-10 { background:#4a148c; color:#fff }  /* ≥11 extrem+ */

/* ===== SCHNEETAGE (Tage ≥ 1cm) – 8 Stufen ===== */
.hm-schneetag-1 { background:#f0f9ff; color:#000 }
.hm-schneetag-2 { background:#e0f2fe; color:#000 }
.hm-schneetag-3 { background:#bae6fd; color:#000 }
.hm-schneetag-4 { background:#7dd3fc; color:#000 }
.hm-schneetag-5 { background:#38bdf8; color:#000 }
.hm-schneetag-6 { background:#0ea5e9; color:#fff }
.hm-schneetag-7 { background:#0284c7; color:#fff }
.hm-schneetag-8 { background:#0369a1; color:#fff }

/* ===== SCHNEEHÖHE MAX (cm) – 7 Stufen ===== */
.hm-schnee-1 { background:#ecfdf5; color:#000 }
.hm-schnee-2 { background:#a7f3d0; color:#000 }
.hm-schnee-3 { background:#5eead4; color:#000 }
.hm-schnee-4 { background:#2dd4bf; color:#000 }
.hm-schnee-5 { background:#14b8a6; color:#fff }
.hm-schnee-6 { background:#0d9488; color:#fff }
.hm-schnee-7 { background:#0f766e; color:#fff }

/* ===== BODENTEMPERATUR (°C) – 8 Stufen ===== */
.hm-boden-1 { background:#1565c0; color:#fff }  /* <0 Frost */
.hm-boden-2 { background:#0e7490; color:#fff }  /* <2 kalt */
.hm-boden-3 { background:#0d9488; color:#fff }  /* <5 kühl */
.hm-boden-4 { background:#2e7d32; color:#fff }  /* <8 mild */
.hm-boden-5 { background:#558b2f; color:#fff }  /* <11 warm */
.hm-boden-6 { background:#9e9d24; color:#fff }  /* <14 warm+ */
.hm-boden-7 { background:#ef6c00; color:#fff }  /* <17 heiß */
.hm-boden-8 { background:#d84315; color:#fff }  /* ≥17 sehr heiß */

/* ===== BODENFEUCHTE (cb) – 8 Stufen ===== */
.hm-feuchte-1 { background:#1565c0; color:#fff }  /* ≤10 nass */
.hm-feuchte-2 { background:#0277bd; color:#fff }  /* ≤20 feucht */
.hm-feuchte-3 { background:#0288d1; color:#fff }  /* ≤30 feucht+ */
.hm-feuchte-4 { background:#546e7a; color:#fff }  /* ≤50 halbtrocken */
.hm-feuchte-5 { background:#6d4c41; color:#fff }  /* ≤75 halbtrocken+ */
.hm-feuchte-6 { background:#795548; color:#fff }  /* ≤100 trocken */
.hm-feuchte-7 { background:#5d4037; color:#fff }  /* ≤150 trocken+ */
.hm-feuchte-8 { background:#3e2723; color:#fff }  /* >150 sehr trocken */

/* ===== Gemeinsame Eigenschaften ===== */
.hm { font-weight: 700 }

/* ===== MOBILE: fetter + Schatten für Lesbarkeit ===== */
@media (max-width: 600px) {
    .hm {
        font-weight: 800;
        text-shadow: 0 0 2px rgba(0,0,0,0.3);
    }
}