@charset "utf-8";

/* CSS Document */
/*--------------------------------------------------------------------------------*/

.rccal_container {
    max-width: 95%;
}

.rccal_container * {
    box-sizing: border-box;
}

.rccal_container button,
.rccal_container input,
.rccal_container select,
.rccal_container textarea {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
}

.rccal_container button {
    cursor: pointer;
}

.rccal_main_frame_wrapper {
    height: inherit;
    padding: 1em;
}

.rccal_plus a::after {
    top: -1px;
}

.rccal_minus a::after {
    top: -1px;
}

.rccal_filter .rccal_checkbox_text {
    top: 3px;
}

/*--------------------------------------------------------------------------------*/
/* Teaser */

.rccal_container_teaser {
    max-width: 100%;
}

.rccal_container_single_teaser {
    max-width: 100%;
}

.rccal_container_single_teaser div[data-elementor-type="jet-listing-items"] {
    background-color: #ffffff;
    border-radius: 25px;
    color: var( --e-global-color-1007da0 ) !important;
}

.rccal_teaser_wrapper {
    padding: 25px;
    background-color: var(--rccal-color-1-reverse);
}

.rccal_teaser_container {
    height: auto;
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --gap: 0px 0px;
    --background-transition: 0.3s;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
}

.rccal_container_single_teaser .rccal_teaser_container {
    background-color: var(--e-global-color-d40b4fe);
    border-radius: 25px;
    min-height: 580px;
}

.rccal_teaser_data_container {
    --display: flex;
    --flex-direction: row !important;
    --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --justify-content: space-between;
    --align-items: flex-start;
    --gap: 9px 0px;
    --flex-wrap: wrap;
    --align-content: flex-start;
    --background-transition: 0.3s;
    --border-radius: 0px 0px 25px 25px;
    padding: 1em 0 2em 0;
    background-color: var(--e-global-color-d40b4fe);
}

.rccal_teaser_description_wrapper {
    padding: 1em 15px;
}
.rccal_teaser_description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: var(--rccal-color-2);
    font-weight: 300;
}

.rccal_teaser_image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    /*min-height: 300px;*/
    border-radius: 25px 25px 0 0;
    padding: 0;
}

.rccal_teaser_image img {
    max-width: 100%;
    height: auto;
    border-radius: inherit;
}

.rccal_teaser_cols {
    display: grid;
    grid-template-columns: 1fr 6fr 1fr;
    column-gap: 2%;
    color: var(--rccal-color-2);
    width: 100%;
}
.rccal_teaser_col_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid;
    border-left: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    justify-content: center;
    padding: 0.3em;
}
.rccal_teaser_col_2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.3em;
    max-width: 100%;
}
.rccal_teaser_col_3 {
    padding: 0.3em;
}
.rccal_teaser_date_month {
    font-size: 14px;
}
.rccal_teaser_date_day {
    /*font-family: var(--rccal-font-family-headline), sans-serif;*/
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2em;
}
.rccal_teaser_location {
    font-size: 14px;
}
.rccal_teaser_title {
    /*font-family: var(--rccal-font-family-headline), sans-serif;*/
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2em;
    hyphens: auto;
}
a.rccal_teaser_icon {
    font-size: 36px !important;
}

.rccal_teaser_icon svg {
    fill: var( --e-global-color-1007da0 ) !important;
}
/*.rccal_single_teaser_container div[data-elementor-type="jet-listing-items"] {
    background-color: #ffffff;
    border-radius: 25px;
    color: var( --e-global-color-1007da0 ) !important;
}*/

/*--------------------------------------------------------------------------------*/
/* Media Queries */

@media only screen and (max-width: 767.9px) {
    
    .rccal_container_single_teaser .rccal_teaser_container {
        min-height: unset;
    }
}