/*
Verfügbare Variablen aus dem LayoutModul:

:root{
--c_text_size: 14px;
--c_headersize_2: 20px;
--c_breadcrumb_textsize: 12px;
--c_navi_textsize_level_1000: 11px;
--c_navi_textsize_level_3: 12px;
--c_navi_textsize_level_2: 12px;
--c_navi_textsize_level_1: 12px;
--c_navi_textsize_level_0: 14px;
--c_text: Verdana;
--c_border: #FF7003;                               secondary
--c_linkcolor: #3D5775;
--c_textcolor: #5E1A08;
--c_headercolor: #CF0404;
--c_navi_breadcrumb: #D95700;
--c_navi_active_level_1000: #000000;
--c_navi_active_level_3: #B00404;
--c_navi_active_level_2: #B00404;
--c_navi_active_level_1: #B00404;
--c_navi_active_level_0: #FFC300;
--c_navi_level_1000: #FFFFFF;
--c_navi_level_3: #262B2E;
--c_navi_level_2: #262B2E;
--c_navi_level_1: #262B2E;
--c_navi_level_0: #FAFEFF;
--c_tagcloud_background: transparent;
--c_focusbox_background: transparent;
--c_navibox_background: #5CFF82;
--c_content_shadow: ;
--c_item_background: #FCFCFC;
--c_content_background: #E04710;                   primary hell
--c_background: #F5F3ED;                              
--c_navi_background_level_1: #F5F5F5;              primary dunkel 
--c_navi_background_level_0: #B81200;
}

*/


/* =========================================================
   EVENTLIST (Bootstrap 5 Look) – Titel + Uhrzeit in EINER Zeile, ohne Badge
    ========================================================= */

.eventlist{
  font-family: var(--c_text, var(--bs-body-font-family, system-ui));
  font-size: var(--c_text_size, 14px);
  line-height: 1.4;
  color: var(--c_textcolor, var(--bs-body-color, #212529));
}

/* BRs entfernen, Abstände über CSS steuern .eventlist br[style*="clear"] */
.eventlist > br{
  display: none;
}

/* Datum als Abschnitts-Header */
.eventlist > b.c_text_size{
  display: block;
  margin: 1.25rem 0 .5rem;
  padding-bottom: .5rem;

  font-weight: 700;
  font-size: 1rem;
  color: var(--c_headercolor, #CF0404);

  border-bottom: 1px solid rgba(0,0,0,.08);
}

/* Event-Card */
.eventlist > div[style*="margin-left"]{
  margin-left: 0 !important;
  margin-bottom: .75rem;

  padding: .75rem 1rem;
  background: var(--c_item_background);

  border: 1px solid color-mix(in srgb, var(--c_border) 5%, transparent)!important;
  border-left: 3px solid color-mix(in srgb, var(--c_border) 30%, transparent)!important;
  border-radius: var(--bs-border-radius, .375rem);
  box-shadow: var(--bs-box-shadow-sm, 0 .125rem .25rem rgba(0,0,0,.075));
}

.eventlist > div[style*="margin-left"] > div{
  display: block !important;
  margin-top: 0 !important;
}

/* --- Kopfzeile: Veranstaltung + Uhrzeit in einer Zeile --- */
.eventlist > div[style*="margin-left"] > div > b.c_text_size[style*="font-size"]{
  display: inline;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;

  font-size: 1rem !important;
  font-weight: 700;
  color: var(--c_textcolor, #5E1A08);
}

/* Uhrzeit direkt daneben (gleiche Zeile) */
.eventlist > div[style*="margin-left"] > div > .eventtime{
  display: contents;
  margin-left: unset;

  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;

  font-size: .95em;
  /*color: rgba(0,0,0,.65);  ähnlich Bootstrap text-secondary */
}

/* Zeit-Fettung etwas reduzieren */
.eventlist > div[style*="margin-left"] > div > .eventtime b{
  font-weight: 600;
  unused:~ display: grid;
}

/* Mehrtägig-Hinweis: bleibt in der Kopfzeile, aber darf umbrechen */
.eventlist > div[style*="margin-left"] > div > b.c_text_size[style*="font-size"] + i{
  margin-left: .35rem;
}

/* Nach der Kopfzeile: Ort in neuer Zeile */
.eventlist > div[style*="margin-left"] > div > i{
  display: contents;
  margin-top: .35rem;
}
.eventlist > div[style*="margin-left"] > div > i > b{
  font-weight: 600;
}

/* Hover */
.eventlist > div[style*="margin-left"]:hover{
  border: 1px solid color-mix(in srgb, var(--c_border) 100%, transparent)!important;
  border-left: 3px solid color-mix(in srgb, var(--c_border) 100%, transparent)!important;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.10);
}

/* Mobile */
@media (max-width: 576px){
  .eventlist > div[style*="margin-left"]{
    padding: .65rem .85rem;
  }
}