/* ═══════════════════════════════════════════════════════════
   Seiten-CSS, Service & Wartung
   Eigenes Bauteil: Saisonkalender über zwölf Monate (.season--year),
   aktueller Monat wird per service.js hervorgehoben (.is-now).
   ═══════════════════════════════════════════════════════════ */

.season--year{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));
  margin-bottom:clamp(2rem,4vw,2.8rem);
}
.season--year li{transition:border-color .4s, box-shadow .5s var(--ease), background .4s}
.season--year li.is-now{
  border-color:var(--navy);
  background:var(--water);
  box-shadow:0 20px 40px -28px rgba(0,58,99.4);
}
.season--year li.is-now .season__m{color:var(--navy)}
.season--year li.is-now::before{
  content:'Aktueller Monat'; position:absolute; top:-.6rem; left:1rem;
  font-family:var(--ff-d); font-size:.62rem; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:#fff; background:var(--navy);
  padding:.2rem .55rem; border-radius:999px;
}

@medianot all{
  .season--year li{transition:none}
}