.tx-dbb-event { margin-top: 30px; font-size: .87em; }
.tx-dbb-event .whole-month {color: #5e6c72;font-size: 1.5em; margin: 0 0 40px 0;padding-bottom: 10px; border-bottom: 1px dotted #666;}
.tx-dbb-event .event {display: flex; gap: 20px; margin-bottom: 60px; }


/* Datebox */
.tx-dbb-event .date-box {border: 2px solid #758681;border-radius: 4px; color: var(--cdPink); width: 80px; height: 80px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;  }
.tx-dbb-event .date-box .month {font-size: .8em; color: #8d9791; }
.tx-dbb-event .date-box .single {font-size: 1.65em; }
.tx-dbb-event .date-box .period {font-size: 1.5em; }

/* Event-Beschreibung */
.tx-dbb-event h4 { font-size: 1.5em; color: var(--contentBlue); margin-bottom: 15px; }
.tx-dbb-event .text { font-size: 1.04em;}
.tx-dbb-event .text a { margin-top: 10px; display: block; }
.tx-dbb-event .text p { margin: 0; }

.mbox.term { position:relative; }
.mbox.term .fa { position:absolute; cursor: pointer; z-index: 2; }
.mbox.term .list-wrap { position:relative; }
.mbox.term ul { list-style-type: none; margin:0; padding:0; }
.mbox.term .button a { width: auto; padding-left: 30px; padding-right: 30px; margin-top: 20px;}

.scrollable-wrap { overflow-y: auto; scrollbar-width: thin; }
.scrollable-wrap::-webkit-scrollbar-thumb {background-color: var(--contentBlue); }
.scrollable-wrap::-webkit-scrollbar { width: 8px; box-shadow: inset 0 0 2px #3d3d3d;  }
ul.scrollable { display: flex; flex-direction: column; row-gap: 35px; }
ul.scrollable  li { display: flex; flex-direction: column; margin-right: 15px;}
ul.scrollable li .title { font: 1.2em var(--fontHeadline); color: #555; margin-bottom: 5px; }
ul.scrollable li .date { font-size: .86em; color: #666;  }

/* Paginierung */
ul.f3-widget-paginator { list-style: none; margin:0; padding: 0; display: flex; gap: 1em; justify-content: flex-end;}
ul.f3-widget-paginator li:not(.next):not(.previous) a { border: 1px solid var(--cdPink); height: 1.8em; width: 1.8em; display: flex;justify-content: center; align-items: center;  }
ul.f3-widget-paginator li.current  { border: 1px solid #666; height: 1.8em; width: 1.8em;  display: flex;justify-content: center; align-items: center; }
ul.f3-widget-paginator li a::after {font: 200 2.4em var(--fontAwesome); color: var(--cdPink); display: inline-block; position: relative; top: -.1em;  }
ul.f3-widget-paginator li.next a::after { content: '\f054'; }
ul.f3-widget-paginator li.previous a::after {  content: '\f053'; }
@media (min-width: 768px) {

    .tx-dbb-event { font-size: .94em; }


}

@media (min-width: 992px) {

    .tx-dbb-event { font-size: 1em; }

}