.cm_filter_wrapper {
    --efs-primary-color: #09265E;
    --efs-primary-light-color: #A3BACC;
    --efs-light-color: #F2EFEF;
    --efs-body-color: #272627;
    --efs-heading-font-family: "elido",sans-serif;

    
    @media only screen and (min-width: 640px) {
        display: flex; 
    }
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    font-family:var(--efs-heading-font-family);
}

.cm_filter {
    padding: 1.8rem;
}

.cm_filter_wrapper .ce_form {
    margin-right: unset;
    max-width: unset;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}

.cm_filter .widget label, .cm_filter__headline, .cm_filter .explanation {
    color: var(--efs-primary-color);
    text-transform: uppercase;
    
    font-weight: 600;
    font-size: 1.625rem;
}

.cm_filter--season {
    background-color: var(--efs-primary-light-color);
    text-align: center;
    @media only screen and (min-width: 640px) {
        clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);
    }
}

.cm_filter--text {
        background-color: var(--efs-light-color);
    @media only screen and (min-width: 640px) {
        width: 80%;
        clip-path: polygon(0 0, 100% 0%, 98% 100%, 0% 100%);
    }
}

.cm_filter__years {
    font-weight: 600;
    color: var(--efs-primary-color);
    margin-top: 0;
}

.cm_filter__headline {
    margin-bottom: 0;
}

.cm_filter input, .cm_filter select {
    padding: 0.875rem;
    border-radius: 0.563rem;
    font-weight: 500;
    border: 0;
}

.cm_filter select {
    width: 100%;
    border-right: 0.875rem solid transparent;
}

.cm_filter button.submit {
    background-color: var(--efs-primary-color);
    color: #fff;
    text-transform: uppercase;
    padding: 0.813rem 2.5rem;
    font-size: 1.25rem;
}

.cm_filter .widget input::placeholder, .cm_filter select option.placeholder {
    color: var(--efs-body-color);
    text-transform: uppercase;
}

.cm_filter select {
    background-color: #fff;
    color: var(--efs-body-color);
}

.gallery--programmhefte.ce_gallery {
    background-image: linear-gradient(to bottom right,#d5d4d0 0,#d5d4d0 1%,#eeeeec 31%,#efeeec 75%,#e9e9e7 100%);
    padding: 2rem;

    ul.cols_5 {
        grid-gap: calc(1rem/12*30);
        grid-template-columns: repeat(2,1fr);

        @media only screen and (min-width: 640px) {
            grid-template-columns: repeat(5,1fr);
        }
        
        
    }

    figcaption {
        text-align: center;
    }
}

.impressum-infobox {
    font-family: "elido", sans-serif;
    font-size: 15px;
    line-height: 1.25em;
    padding: 1.5rem;
    background-color: #f5f5f5;
    max-width: 375px;
    margin-left: auto;
}