/* --- module: calendar --- */

/* common */
.swcalendar .topHeader {}
.swcalendar .dateInfo {
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px solid #979D9E;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 20px 0px;
}
.swcalendar .swcalBtn {
    padding: 0px 0px 30px 0px;
    text-align: center;
}
.swcalendar .modAlert {
    text-align:center;
    padding: 30px 0px 30px 0px;
}

.swcalendar .modTitle {
    padding: 0px 0px 0px 0px;
}
.swcalendar .modTitle .modSubTitle {}
.swcalendar .date {
    font-weight: bold;
}
.swcalendar .vcalLink {
    display: block;
    padding: 10px 0px 0px 0px;
}
.swcalendar .listSpacer {
    height: 30px;
}
.swcalendar .boxLeft {
    float: left;
    width: 170px;
}
.swcalendar .boxRight {
    margin: 0px 0px 10px 180px;
}
.swcalendar .boxDetail {
    float: right;
    margin-left: 15px;
}
.swcalendar .anmeldungInfo {
    padding: 10px 0px 0px 0px;
}

/* list */
.calendarContent {
    display: grid;
    grid-template-columns: 222px 1fr;
    gap: 0px 30px;
}
.swcalendarList .contentSection {
    display: table;
    width: 100%;
}
.swcalendarList .contentSection .image, .swcalendarList .contentSection .dateBox, .swcalendarList .contentSection .text {
    display: table-cell;
    vertical-align: top;
}
.swcalendarList .contentSection .image {
    padding: 0px 10px 0px 0px;
}
.swcalendarList .contentSection .dateBox {
    padding: 0px 10px 0px 0px;
    text-align: center;

}
.swcalendarList .contentSection .dateBox .daymonth {
    background-color: #EAEBEB;
    color: #000000;
    padding: 5px 0px 5px 0px;
    width: 40px;
}
.swcalendarList .contentSection .dateBox .day {
    font-weight: 700;
}
.swcalendarList .contentSection .dateBox .month {
    text-transform: uppercase;
}
.swcalendarList .contentSection .text {
    width: 100%;
}

/* detail */
.swcalendarDetail .date {
    padding: 0px 0px 10px 0px;
}
.swcalendarDetail .spacer {
    height: 40px;
}
.swcalendarDetail .teaser {
    padding: 0px 0px 20px 0px;
}
.swcalendarDetail .recurring_event {
    clear: both;
    padding: 20px 0px 20px 0px;
}
.swcalendarDetail .body {}


/* index */
.swcalendarListIndex {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px 15px;
}
.swcalendarListIndex .contentSection {
    background-image: url(../../images/site/bkg_events_pixel.png);
    background-repeat: repeat-y;
    background-position: 55px 0px;
}
.swcalendarListIndex .contentSection .dateBox {
    width: 62px;
    float: left;
}
.swcalendarListIndex .contentSection .dateBox .daymonth {}
.swcalendarListIndex .contentSection .dateBox .day {
    font-weight: 700;
    padding: 0px 0px 5px 0px;
}
.swcalendarListIndex .contentSection .dateBox .month {
    text-transform: uppercase;
    color: #a0a0a0;
}
.swcalendarListIndex .contentSection .text {
    padding: 0px 0px 0px 62px;
    width: 150px;
}