@charset "UTF-8";


.modul #modulEventKalender{position:relative;display:block;width: 100%;margin:0 auto 1.4rem auto;}
.modul #modulEventKalender #KalenderDetails{position:relative;margin-bottom:20px;width:100%;display:block}
.modul #modulEventKalender #KalenderEventBox{position:relative;display:flex;flex-direction:column;justify-content:space-between;width: 100%;margin:0 auto 1.4rem auto;}

.modul #modulEventKalender #modulKalenderOutlay{width: 100%;margin:0 0 1.4rem 0;padding:4px;border:1px solid #E3E3E3;background-color: #FFF;color: #545248;}

.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay{width:100%;padding:4px;border:1px solid #E3E3E3;background-color: #FFF;color: #545248;}
.modul #modulEventKalender #modulKalenderOutlay .pagination{display:flex;height:30px;line-height:30px;font-weight: bold;}
.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay .pagination .head{flex:100 1 auto; font-size: 12px;text-align: center;}
.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay .pagination div.left{flex:1 1 auto; padding-left:1px;text-align: center;height:25px;line-height:25px;}
.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay .pagination div.right{flex:1 1 auto; padding-right:1px;text-align: center;height:25px;line-height:25px;}

.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay .pagination .last, .modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay .pagination .next {background-color: transparent;width:15px;height:30px;color: #545248;font-size: 14px;padding:0;margin:0;border:0px; cursor: pointer;}
.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay .pagination .last:hover, .modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay .pagination .next:hover {color: #1083bc !important; text-decoration: none;}

.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay ul {display:flex;flex-flow: row wrap; margin:0px;padding:0px;}
.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay li { margin: 0px; width:calc((100 / 7) * 1%);height:30px;line-height: 30px;text-align: center;list-style: none;}
.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay li a{ color: #1297da !important; text-decoration: none;}
.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay li a:hover{color: #1083bc !important; text-decoration: none;}
.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay li.after, .modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay li.before {color:silver;}

.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay .day {}
.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay .day.headline {background: url(../img/head_bar.png) repeat-x !important;font-weight: bold;color: #fff;}
.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay .day.current {font-weight:bold;background-color: #fff;color: #9A9B9C; text-decoration: none;}
.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay .day.event {font-size:14px;font-weight:bold; text-decoration: none;}
.modul #modulEventKalender #modulKalenderOutlay #modulKalenderInlay .day.saso {font-weight: bold; background-color: #E7E7E7;}

.modul #modulEventKalender #NewEventsOutlay{width:100%;border:1px solid #e3e3e3;background-color:#FFF;color:#545248;margin:0 0 1.4rem 0;text-align:left;padding:4px}
.modul #modulEventKalender #NewEventsOutlay #NewEventsInlay{width:100%;height:100%;border:1px solid #e3e3e3;text-align:left;margin:0;padding:0;}
.modul #modulEventKalender #NewEventsOutlay #NewEventsInlay div.header{background-color:#fff;font-weight:bold;padding:0 0 0 5px;height:30px;line-height:30px}
.modul #modulEventKalender #NewEventsOutlay #NewEventsInlay div.headline{background:url(../img/head_bar.png) repeat-x;font-weight:bold;color:#fff;margin:0 -1px;padding-left:5px;height:30px;line-height:30px}
.modul #modulEventKalender #NewEventsOutlay #NewEventsInlay ul{width:100%;background-color:#f7f7f7;padding-top:0;margin:0;}
.modul #modulEventKalender #NewEventsOutlay #NewEventsInlay ul li{width:100%;height:33px;line-height:33px;margin:0;list-style: none;}
.modul #modulEventKalender #NewEventsOutlay #NewEventsInlay ul li a{display:block;background-color:#f7f7f7;color:#545248;font-size:14px;height:33px;line-height:33px;text-decoration:none;padding:0 5px 0 5px}
.modul #modulEventKalender #NewEventsOutlay #NewEventsInlay ul li a:hover{background-color:#e7e7e7;color:#545248;padding:0 5px 0 5px}

.modul #modulEventKalender #EventsInfo{width:100%;margin:0}
.modul #modulEventKalender #EventsInfo>span {display:block;margin:0 0 .8rem 0}
.modul #modulEventKalender #EventsInfo .EventsInfoContent{width:100%; margin:1rem 0 0 0}
.modul #modulEventKalender #EventsInfo .EventsInfoContent .titel_wrapper{display:flex;justify-content:space-between;border:1px solid #000;background:url(../img/head_bar.png) repeat-x;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px 0 10px;}
.modul #modulEventKalender #EventsInfo .EventsInfoContent .titel{width:40%}
.modul #modulEventKalender #EventsInfo .EventsInfoContent .time_right{text-align:right;width:40%}
.modul #modulEventKalender #EventsInfo .EventsInfoContent .inhalt{border:1px solid #e3e3e3;background-color:#f8f8f8;color:#545248;padding:5px 10px 5px 10px}
.modul #modulEventKalender #EventsInfo .EventsInfoContent .inhalt .time{color:#999}
.modul #modulEventKalender #EventsInfo span{line-height:15px}
.modul #modulEventKalender #EventsInfo hr{margin:5px 0 10px 0;border:0;color:#d7d7d7;background-color:#d7d7d7;height:1px}
.modul #modulEventKalender #EventsInfo a{color:#545248;text-decoration:none}
.modul #modulEventKalender #EventsInfo a:hover{color:#545248;text-decoration:underline}
.modul #modulEventKalender #EventsInfo .more_info{text-align:right}

.modul #modulEventKalender #KalenderDetails #EventsInfoDetails{width:100%;margin:0}
.modul #modulEventKalender #KalenderDetails #EventsInfoDetails .titel_details_wrapper{display:flex;justify-content:space-between;color:#fff;border:0 dashed transparent;background:url(../img/head_bar.png) repeat-x;font-weight:bold;height:30px;line-height:30px;padding:0 10px 0 10px;margin-top:5px}
.modul #modulEventKalender #KalenderDetails #EventsInfoDetails .titel_details{width:40%}
.modul #modulEventKalender #KalenderDetails #EventsInfoDetails .date_right{text-align:right;width:40%}
.modul #modulEventKalender #KalenderDetails #EventsInfoDetails .inhalt_details{border:1px solid #e3e3e3;background-color:#f8f8f8;color:#545248;padding:5px 8px 5px 10px}
.modul #modulEventKalender #KalenderDetails #EventsInfoDetails hr{margin:5px 0 10px 0;border:0;color:#d7d7d7;background-color:#d7d7d7;height:1px}
.modul #modulEventKalender #KalenderDetails .inhalt_details .time{color:#999}
#text div.hinweis{height:28px;line-height:26px;padding-left:30px;font-family:Verdana;font-size:10px;border:1px solid #dedbcf;background:#fffee7 url('../../../../backend/data/images/status/hinweis.png') left no-repeat;background-position:7px;margin:0 0 10px 0}
#text div.info{height:28px;line-height:26px;padding-left:30px;font-family:Verdana;font-size:10px;border:1px solid #d6dddf;background:#eff3f6 url('../../../../backend/data/images/status/info.png') left no-repeat;background-position:7px;margin:0 0 10px 0}
#text div.fehler{height:28px;line-height:26px;padding-left:30px;font-family:Verdana;font-size:10px;border:1px solid #d6dddf;background:#fee0e0 url('../../../../backend/data/images/status/fehler.png') left no-repeat;background-position:7px;margin:0 0 10px 0}

@container (min-width:576px) {
.modul #modulEventKalender #KalenderEventBox{flex-direction:row;}
.modul #modulEventKalender #modulKalenderOutlay{width: clamp(208px, 100%, 480px);margin:0 1.4rem 1.4rem 0;}
.modul #modulEventKalender #NewEventsOutlay{width:clamp(208px, 100%, 480px);}
.modul #modulEventKalender #KalenderEventBoxBig #modulKalenderOutlay, .modul #modulEventKalender #KalenderEventBoxBig #NewEventsOutlay{width:100%;}
}