/*  Salsea – Kurs­staffel-Styles
    --------------------------------------------------------------
    Struktur:
      .kursstaffel-schedule   → Staffeln + Pausen
      .kursstaffel-course     → Kurs-Termine je Staffel
*/

/* ---------- Grundlayout ------------------------------------ */
.kursstaffel-schedule,
.kursstaffel-course {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    font-size: 1rem;
    /* nach Bedarf anpassen */
    color: #fff;
    /* width: 70%; */
}

.kursstaffel-schedule,
.kursstaffel-course {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    font-size: 1rem;
    /* nach Bedarf anpassen */
    color: #fff;
    /* width: 70%; */
}

@media (max-width: 420px) {
    .kursstaffel-schedule,
    .kursstaffel-course {
        width: 100%;
    }
}

.staffel-block:hover {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    font-size: 1rem;
    /* nach Bedarf anpassen */
    color: #000;
}

/* ---------- Staffeln + Pausen ------------------------------ */
.kursstaffel-schedule .staffel {
    margin: .5em 0;
    font-weight: 900;
}

.kursstaffel-schedule .pause {
    margin: .5em 0;
    font-style: italic;
    padding: .25em .6em;
    /* border-radius: 4px; */
}

.kursstaffel-schedule .pause-sommer {
    background: #ffb400;
    color: #fff;
    font-weight: 900;
}

.kursstaffel-schedule .pause-winter {
    background: #e6f4ff;
    color: #005a9c;
}

.kursstaffel-schedule .label {
    display: inline-block;
    min-width: 11ch;
    /* sorgt für gerade Ausrichtung */
}

.kursstaffel-schedule .date {
    white-space: nowrap;
}

/* ---------- Kurs-Termine je Staffel ------------------------ */
.kursstaffel-course .staffel-block {
    margin: .75em 0;
    padding: .4em .6em;
    border: 1px solid #1e1e1e;
    /* border-radius: 6px; */
    background: #2c2c2c;
}

.kursstaffel-course .staffel-label {
    font-weight: 900;
    margin-bottom: .2em;
    letter-spacing: .03em;
}

.kursstaffel-course .kurs-termin {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: baseline;
    gap: 12px;
    font-variant-numeric: tabular-nums;
    /* gleichbreite Ziffern */
    font-feature-settings: "tnum" 1;
    /* text-transform: uppercase; */
}

.kursstaffel-course .termin-right {
    white-space: nowrap;
}

/* Dezente Hover-Effekte (optional) */
.kursstaffel-course .staffel-block:hover {
    background: #f1f8ff;
    border-color: #c6e0ff;
}

/* ---------- Responsive Klein­geräte ------------------------ */
@media (max-width: 480px) {
    .kursstaffel-schedule .label {
        min-width: 9ch;
    }

    .kursstaffel-course .staffel-block {
        font-size: 14px;
        padding: .35em .45em;
    }
}