/* ---------- Showthread ---------- */

.scenetracker_user{ display:inline-block; }
.scenetracker_user:after{ content:", "; }
.scenetracker_user:last-child:after{ content:none; }

/* Breadcrumbs schlank */
.breadcrumbs li{ display:inline-block; }
.breadcrumbs li:after{
  content:"›";
  margin:0 8px;
  color:var(--design);
  opacity:.8;
}
.breadcrumbs li:last-child:after{ content:none; }

/* ---------- UCP ---------- */

.scene_ucp.container.alerts{
  display:flex;
  gap:12px;
  justify-content:space-between;
}
.scene_ucp.alerts_item{
  flex:1 1 0;
  background:var(--tbl-main-tr2);
  border:1px solid var(--hairline);
  padding:10px;
}

/* Filter-Header */
.scene_ucp.scenefilteroptions{
  display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
  margin:10px 0;
}
.scene_ucp.scenefilteroptions h2{
  width:100%;
  font-family:var(--akzenttext);
  font-size:var(--txtxsmall);
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--akzent-hell);
  margin:0 0 6px;
  border-bottom:1px solid var(--hairline);
  padding-bottom:6px;
}

/* Filterfelder als Karten */
.scenefilteroptions__items{ width:32%; min-width:240px; }
fieldset.scenefilteroptions__items,
.scene_ucp.container{ box-sizing:border-box; }

.scene_ucp.overview_chara_con{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.scene_ucp.chara_item__scenes-con{
  max-height:140px;
  overflow:auto;
  margin:6px 0;
  border:1px solid var(--hairline);
  background:var(--tbl-main-tr);
}

.scene_ucp.chara_item__scene{
  padding:8px 10px;
  background:var(--tbl-main-tr);
  color:var(--txtcol);
  border-bottom:1px solid var(--hairline);
}
.scene_ucp.chara_item__scene:nth-child(even){
  background:var(--tbl-main-tr2);
}

.scene_ucp > h2{
  font-family:var(--akzenttext);
  font-size:var(--txtl);
  color:var(--akzent-hell);
  margin:8px 0;
  position:relative;
}
.scene_ucp > h2::after{
  content:"";
  display:block;
  height:1px;
  background:var(--hairline);
  margin-top:6px;
}

/* kleine 2-Spalten Boxen */
.sceneucp__scenebox{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.scenetracker.scenebit.scenetracker_profil{
  padding:8px 10px;
  display:flex; flex-wrap:wrap; gap:6px;
  background:var(--tbl-main-tr2);
  color:var(--txtcol);
  border:1px solid var(--hairline);
flex-direction: column;
    align-items: stretch;
}
.scenetracker_profil .scenetracker__sceneitem{
  padding:2px 6px;
  font-size:var(--txtsmall);
  background:var(--tbl-main-tr);
  border:1px solid var(--hairline);
}

/* ---------- Profil ---------- */

.scenetracker.container{
  width:100%;
  max-height:420px;
  overflow:auto;
  margin:0;
  padding:10px;
}

span.scentracker.month{
  margin:10px 0 6px;
  display:block; width:100%;
  font-family:var(--akzenttext);
  font-size:var(--txtm);
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--akzent-hell);
  border-bottom:1px solid var(--hairline);
  padding-bottom:6px;
}

.scenetracker.scenebit{
  padding:12px;
  display:grid; gap:10px;
  grid-template-columns:1fr 1fr 1fr;
  background:var(--tbl-main-tr);
  font-family:var(--fliesstext);
  font-size:var(--txtm);
  color:var(--txtcol);
  border:1px solid var(--hairline);
}

/* ---------- Forumdisplay ---------- */

.scenetracker_forumdisplay.scene_infos{
  display:grid; gap:10px;
  grid-template-columns:1fr 2fr;
}
.scenetracker_forumdisplay.scene_users.icon{ grid-column:1 / -1; }

/* ---------- Index ---------- */

.scenetracker_index.character.container{
  width:100%;
  max-height:160px;
  overflow:auto;
  border:1px solid var(--hairline);
  background:var(--tbl-main-tr);
}

.scenetracker_index .character_box { margin-top: 10px; }

.scenetracker_index.wrapper_container{
  background:var(--tbl-main-tr2);
  border:1px solid var(--hairline);
  padding:10px;
}

.scenetracker_index.chara_item__scene{
  padding:8px 10px;
  color:var(--txtcol);
  border-bottom:1px solid var(--hairline);
  background:var(--tbl-main-tr);
}
.scenetracker_index.chara_item__scene:nth-child(even){ background:var(--tbl-main-tr2); }

.scenetracker_index h1{
  font-family:var(--akzenttext);
  font-size:var(--txtl);
  color:var(--akzent-hell);
  margin:0 0 6px;
  padding:0 10px 6px;
  text-transform:uppercase;
  letter-spacing:.08em;
  border-bottom:1px solid var(--hairline);
}

.sceneindex__scenebox.container{
  display:grid; gap:10px;
  grid-template-columns:1fr 1fr;
}
.sceneindex__sceneitem.scene_title{
  font-weight:600;
  font-size:var(--txtsmall);
  color:var(--akzent-hell);
  text-transform:uppercase;
  letter-spacing:.06em;
}

/* Index-Reminder */
.scenetracker_reminder.box{ margin-bottom:16px; }
.scenetracker_reminder.container{
  max-height:110px; overflow:auto; padding-left:20px;
  border-left:2px solid var(--hairline);
}
.scenetracker_reminder.item:before{
  content:"⟩⟩ ";
  color:var(--design);
}
span.senetracker_reminder.text{
  text-align:center; display:block; color:var(--txtcol);
  font-size:var(--txtxsmall);
}

/* **********
* Calendar
******** */
.calendar-container {
  display: flex;
  justify-content: center;
  gap: 20px;
	width: 100%;
}

.calendar-container .calendar {
    background-color: var(--tbl-main-tr);
    width: 30%;
    padding: 20px;
    height: auto;
    position: relative;
}

.month-indicator {
position: absolute;
    top: -5px;
    left: -5px;
    padding: 4px 12px;
    font-size: var(--txtm);
    font-family: var(--akzenttext);
    text-transform: uppercase;
    letter-spacing: .3em;
    background: var(--tbl-main);
    color: var(--design);
    z-index: 2;
    pointer-events: none;
}

.day-of-week,
.date-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
}

.day-of-week > * {
  font-size: var(--txtxsmall);
  font-weight: bold;
  color: var(--akzent-hell);
  height: 12px;
  padding: 2px;
}

.date-grid {
  margin-top: 0;
}

.calendar .day.old {
  opacity: 0.3;
}

.st_mini_scene {
  cursor: pointer;
  font-weight: bold;
  color: var(--akzent-hell);
}

.day.st_mini_scene.fullmoon {
  text-decoration: underline;
}

.st_mini_scene_show {
  opacity: 0;
  z-index: 300;
  width: 200px;
  font-size: var(--txtxsmall);
  padding: 5px 10px;
  text-align: center;
  background: var(--tbl-main);
  border: 1px solid var(--akzent-hell);
  transition: all .2s ease-in-out;
  transform: scale(0);
  position: absolute;
  left: -65px;
  bottom: 20px;
}

.st_mini_scene:hover .st_mini_scene_show {
  opacity: 1;
  transform: scale(1);
  background-color: var(--tbl-main);
}

.st_mini_scene_title {
  text-decoration: underline;
}

.st_mini_scenelink {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 4px;
}

.st_mini_scenelink span {
  text-align: center;
  color: var(--txtcol);
}



      /* update-userfilter - kommentar nicht entfernen */
        .scenefilteroptions__items.button {
            text-align: center;
            width: 100%;
        }
    


    /* calendar-update - kommentar nicht entfernen */
    .scenetracker_cal_setting {
          width: 92%;
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          gap: 10px;
      }

      .scenetracker_cal_setting .scenefilteroptions__items {
          width: 100%;
      }

      .st_mini_scenelink {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          padding-bottom: 4px;
      }

      .st_mini_scenelink span {
          text-align: center;
      }

      #calsettings_button {
          grid-column: 1 / -1;
          justify-self: center;
      }