/***************************************************************************
* Saison Wrapper (Sommer / Winter Inhalte)
****************************************************************************/
.saison_wrapper [hidden] {
    display: none !important;
}


/***************************************************************************
* Saison Switch
****************************************************************************/
.typo_saison_switch {
    display: inline-flex;
    align-items: center;
    gap: var(--typo-half-gap);
}
.typo_saison_switch .h3 {
    margin: 0;
}

.typo_saison_switch_label {
    cursor: pointer;
    user-select: none;
}
.typo_saison_switch_label--sommer {
    color: var(--typo-color-green);
}
.typo_saison_switch--winter .typo_saison_switch_label--sommer {
    color: inherit;
}
.typo_saison_switch--winter .typo_saison_switch_label--winter {
    color: var(--typo-color-blue);
}

.typo_saison_switch_toggle {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    user-select: none;
}

.typo_saison_switch_input {
    position: absolute;
    width: 1px; height: 1px;
    margin: -1px; padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.typo_saison_switch_track {
    position: relative;
    display: inline-block;
    width: 3.75em;
    height: 2em;
    background-color: transparent;
    border: 2px solid var(--typo-color-text);
    border-radius: var(--typo-border-radius-big);
    transition: border-color 0.25s ease;
}

.typo_saison_switch_input:focus-visible ~ .typo_saison_switch_track {
    outline: 2px solid var(--typo-color-text);
    outline-offset: 2px;
}

.typo_saison_switch_thumb {
    position: absolute;
    top: 0.1875em; left: 0.1875em;
    width: 1.375em;
    height: 1.375em;
    background-color: var(--typo-color-green);
    border-radius: 50%;
    transition: transform 0.25s ease, background-color 0.25s ease;
}

.typo_saison_switch_input:checked ~ .typo_saison_switch_track .typo_saison_switch_thumb {
    background-color: var(--typo-color-blue);
    transform: translateX(1.625em);
}