:root {
      --background-light: #bcbcbc;
      --background-dark: #898989;
    }
  
    /* **********
    * Showthread
    ******** */
    .scenetracker_user {
      display:inline-block;
    }
    .scenetracker_user:after {
      content: ", ";
    }
    .scenetracker_user:last-child:after {
      content: none;
    }
    
    .breadcrumbs li {
      display: inline-block;
    }
    .breadcrumbs li:after {
      content: ">";
      margin-left: 10px;
    }
    .breadcrumbs li:last-child:after {
      content: none;
    }
  

    /* **********
    * Postbit
    ******** */
.scenetracker_info {
	background: var(--farbe10);
    color: var(--farbe2);
    letter-spacing: 1pt;
    /*padding: 3px 3px 18px 3px;*/
    /*margin: 0px 15px 0px 15px;*/
    text-transform: none;
}

.scenetracker_postbit_grid {
    display: grid;
    grid-template-columns: 200px 395px 190px 117px;
    grid-gap: 5px;
    padding: 10px 0px 5px 0px;
margin-left: 10px;
    margin: auto;
}
.scenetracker_postbit_users {
    grid-column: 1 / 5;
    grid-row: 1;
    background: var(--farbe1);
	font-size: 14px;
    padding: 10px 20px 10px 20px;
}
.scenetracker_postbit_date {
    grid-column: 1 / 2;
    grid-row: 2;
font-size: 12px;
    background: var(--farbe1);
    padding: 10px 5px 10px 5px;
    text-align: center;
}

.scenetracker_postbit_ort{
grid-column: 2 / 3;
    grid-row: 2;
	font-size: 12px;
    background: var(--farbe1);
    padding: 10px 5px 10px 5px;
    text-align: center;

}

.scenetracker_postbit_status {
grid-column: 3 / 4;
    grid-row: 2;
	font-size: 12px;
    background: var(--farbe1);
    padding: 10px 5px 10px 5px;
    text-align: center;
}

.scenetracker_postbit_edit {
	grid-column: 4 / 4;
    background: var(--farbe1);
	font-size: 12px;
    font-size: 12px;
    padding: 10px 20px 10px 20px;
}

.scenetracker_postbit_edit a{
	font-size: 12px;
    
}

.scenetracker_postbit_edit a:hover{
	color: var(--farbe7);
	    text-transform: none;
}

    /* **********
    * UCP
    ******** */
    .scene_ucp.container.alerts {
      display: flex;
      justify-content: space-around;
    }

    .scene_ucp.alerts_item {
      display: block;
      width: 48%;
    }

        .scene_ucp.scenefilteroptions {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 10px;
        }

        .scene_ucp.scenefilteroptions h2 {
          width: 100%
        }

        .scenefilteroptions__items {
          width: 32%;
        }

        .scene_ucp.container {
          box-sizing: border-box;
        }

        fieldset.scenefilteroptions__items {
          box-sizing: border-box;
        }
    
    .scene_ucp.overview_chara_con {
      display: grid;
      grid-template-columns: 100%;
    }
    
    .scene_ucp.chara_item__scenes-con {
      margin: 5px;
    margin-top: -20px;
		width: 920px;
    }
    
    .scene_ucp.chara_item__scene {
      padding: 8px;
    }
    
    .scene_ucp.chara_item__scene:nth-child(even) {
      /*background-color: var(--background-dark);*/
        display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;	
      width: 928px;
      border-bottom: 1px solid var(--farbe5);
}
    .scene_ucp.chara_item__scene:nth-child(odd) {
     /* background-color: var(--background-light);*/
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;	
    width: 928px;
		border-bottom: 1px solid var(--farbe5);
    }
    
    .scene_ucp > h2 {
      position: relative;
    font-size: 16px;
    color: var(--text5);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    /* border-bottom: 1px solid #263c30; */
    padding: 8px;
    text-align: center;
    }
    
    .scene_ucp > h2::after {
      content: " ";
      display: block;
      position: relative;
      height: 1px;
      background: var(--farbe1);
      top: 0px;
    }
  
    .sceneucp__scenebox {
      /*display: grid;
      grid-template-columns: 1fr 1fr;*/
    }
    
    .sceneucp__sceneitem.scene_status{
      grid-column-start: 1 ;
    }
    
    .sceneucp__sceneitem.scene_profil {
      grid-column-start: span 2;
    }
    
        
    .scenetracker_profil .scenetracker__sceneitem.scene_title {
      width: 100%;
		font-size: 14px;
		letter-spacing: 1.2px;
    }
    
    .scenetracker_profil .scenetracker__sceneitem {
      padding: 0px 5px;
    }
    
    .sceneucp__sceneitem.scene_alert.certain,
    .sceneucp__sceneitem.sceneinfos,
    .sceneucp__sceneitem.scene_alert.always,
    .sceneucp__sceneitem.scene_title,
    .sceneucp__sceneitem.scene_last,
    .sceneucp__sceneitem.scene_users,
    .sceneucp__sceneitem.scene_infos {
      grid-column-start: span 3;
    }
    
    .sceneucp__sceneitem.scene_infos {
      display: flex;
    }
    
    .sceneucp__sceneitem > .flexitem {
      padding: 3px;
    }
    .sceneucp__sceneitem > .flexitem.left {
      width: 40%;
    }
    .sceneucp__sceneitem.scene_title a:after { 
      content: "";
      display: block;
      margin-top: -5px;
      height: 1px;
      background: black;
    }
  .scenetrackerucp_flex{
	  display: flex;
    padding: 15px 10px 15px 10px;
    align-items: center;
    border-bottom: 1px solid var(--farbe2);
}
  
.scenetrackerucp_overview{
		width: 950px;
}
	.scenetrackerucp_dubistdran {
	   font size: 12px;
		width:15%;
		
}

.scenetrackerucp_titel {
 font-size: 13px;	
	width: 500px;
}

.scenetrackerucp_open {
    width: 10%;
    margin: 10px;
	    text-align: center;
margin-top: 20px;
}

.scenetrackerucp_last {
    width: 20%;
    text-align: left;
	margin-left: 20px;
	margin-top: 10px;
}
      /*****************
      **PROFIL
      *****************/ 
      .scenetracker.container {
          width: 90%;
    height: 500px;
    overflow: auto;
    margin: auto auto;
    background: var(--farbe1);
    padding: 10px;
		  margin-bottom: 30px;
      }
      
      span.scentracker.month {
    display: block;
	background: var(--scroll1);
    font-size: 20px;
    color: var(--text5);
    font-weight: bold;
    letter-spacing: 1pt;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
	margin-top: -8px;
    margin-left: -8px;
    margin-right: -10px;
font-family: 'norse', serif;

      }
      
      .scenetracker.scenebit {
        padding-left: 10px;
        padding-right:20px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
      }
      
      .scenetracker__sceneitem.scene_users {
        grid-column: 1 / -2;
        grid-row: 2;
      }
      
      .scenetracker__sceneitem.scene_title {
        grid-column: 1 / 2;
        grid-row: 2;
      }
      
      .scenetracker__sceneitem.scene_status {
      
      }
      
      .scenetracker__sceneitem.scene_date {

      
      }
      .scenetracker__sceneitem.scene_hide {
        grid-row: 2;
        grid-column: -1;
      }
      
      .scenetracker_profilbox {
    background: var(--farbe5);
    font-size: 12px;
    color: var(--farbe6);
    /*letter-spacing: 1pt;*/
    text-transform: none;
    /*width: 95opx;*/
		  margin-bottom: 5px;
}

.scenetracker_profilchara {
    background: var(--farbe1);
    font-size: 16px;
    color: var(--farbe4);
    font-weight: bold;
    letter-spacing: 1pt;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    	
}

.scenetracker.scenebit.scenetracker_profil {
    padding: 20px 10px;
    display: flex;
    flex-wrap: wrap;
    /* display: flex; */
    /* flex-wrap: nowrap; */
    justify-content: flex-start;
    align-items: center;
    width: 828px;
    border-bottom: 1px solid var(--farbe5);
    height: 80px;
    /* row-gap: 50px;*/
    }

      /*****************
      *Forumdisplay
      *****************/ 
      
      .scenetracker_forumdisplay.scene_infos {
        display: grid;
        grid-template-columns: 2fr 2fr;
      }

.scenetracker_user a{
   font-size: 12ps;
	color: var(--farbe7);
    text-transform: none;
}
      
      .scenetracker_forumdisplay.scene_users.icon {
        grid-column: span 2;
      }
  .scenetracker_forumdisplay_datum {
	font-size: 12px;
}
      /*********************
      *INDEX
      *********************/
      
      .scenetracker_index.character.container {
        /* display: grid; */
        width: 100%;
        max-height: 150px;
        overflow: auto;
font-size: 12px;
scrollbar-color: var(--scroll1) var(--farbe10);
    scrollbar-width: thin;
      }
      
      .scenetracker_index.wrapper_container{
        background-color: var(--farbe5);
        padding: 10px;
margin-top: -18px;
      }
      
.scenetracker_index_header {
	color: var(--farbe3);
    font-size: 14px;
    height: 26px;
    letter-spacing: 4px;
    margin: 2px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    white-space: nowrap;
    padding: 3px 0 0 3px;
    border-bottom: 1px solid var(--farbe4);
    border-top: 1px solid var(--farbe4);
    margin-bottom: 10px;
    text-align: center;
	padding-top: 10px;
}
.scenetracker_index_chara {
    border-bottom: 1px dashed var(--vertikaler-Strich);
    font-size: 13px;
    color: var(--text1);
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    /* border-bottom: 1px solid #263c30; */
    padding: 2px;
    text-align: left;
    padding-bottom: 2px;
    padding-top: 20px;

}
.scenetracker_index_chara a{
	font-weight: normal;
    text-transform: uppercase;
font-size: 13px;
    
}
      .scenetracker_index.chara_item__scene:nth-child(even) {
        /*background-color: var(--farbe6);*/
/*text-transform: uppercase;*/
      }

 .scene_trenn {
	    padding: 0 5px 0 5px;
}
      .closepop { 
        position: absolute; 
      right: -5px; 
      top:-5px; 
      width: 100%; 
      height: 100%; 
      z-index:0; 
      } 
      
      .scenetracker_index h1 {
        position:relative;
        font-size: 1.5em;
        z-index: 20;
        margin-bottom: 5px;
        padding-left:15px;
      }
      
      .scenetracker_index h1:after {
        content: " ";
        display: block;
        height: 1px;
        background: black;
        margin-top:-10px;
        margin-bottom:-5px;
      }{$extra_threadfields}
      
      .scenetracker_index.chara_item__scene:nth-child(odd) {
        background-color: var(--farbe5);
        width: 100%;

      }
      
      .sceneindex__scenebox.container {
        /* width:100%; */
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
      
      .sceneindex__sceneitem.scene_users {
        grid-column: 1 / -1;
      }
      .sceneindex__sceneitem.scene_title {
        padding-top: 10px;
        font-weight: 600;
        grid-row: 1;
        grid-column: 1;
	letter-spacing: 0.5pt;
        font-size: 10px;
        padding-left: 2px;
		
      }

     .sceneindex__sceneitem.scene_title a{
        font-weight: normal;
        font-size: 10px;
        font-family: EagleLake;

              }
      .sceneindex__sceneitem.scene_status.scene_place {
        grid-column: 3;
        grid-row: 1;
      }
      .sceneindex__sceneitem.scene_place.scene_date {
        grid-column: 1 / -1;
        grid-row: 2;
       letter-spacing: 0.5pt;
       color: var(--text3);
       font-size: 11px;
       font-style: italic;
       padding-left: 2px;
      }
      
      .sceneindex__sceneitem.scene_last {
        grid-row: 1;
        grid-column: 2;
      }
      
      .sceneindex__sceneitem.scene_alert {
        grid-column: 4;
        grid-row: span 2;
        margin-right: 10px;
      }
      
      .sceneindex__sceneitem.scene_last {
        padding-top: 20px;
		  text-align: end;
		  margin-right: 25px;
      }
.scene_users {
	letter-spacing: 0.5pt;
	padding: 3px 0 3px 0;
	font-size: 11px;

	
}

.scene_last {
color: var(--text3);
text-transform: none;
	    
}
      
      /*INDEX REMINDER */ 
      .scenetracker_reminder.box {
        /*margin-bottom: 20px;*/
      }
      
      .scenetracker_reminder.container {
        max-height: 100px;
        overflow: auto;
        padding-left: 30px;
    padding: 10px;
      }
      
      .scenetracker_reminder.item:before {
        content: "» ";
      }
      
      span.senetracker_reminder.text {
          display: block;
		  font-size: 12px;
		  text-align: center;
		      padding: 10px 0 10px 0;
      }
      
.senetracker_reminder.text a{
	text-transform: none;
}
      .scenetracker_index.character_box {
        background-color: var(--farbe5);
      }    

.scenetracker_reminder.item{
	text-align: center;
	padding: 1.5px;
}

.scenetracker_reminder.item a{
text-transform: none;	
}

      /*calendar*/ 

      .calendar-container {
        display: flex;
        justify-content: center;
      gap: 20px;
      }

        .calendar-container .calendar {
      background-color: var(--background-light);
      width: 205px;
      padding-left: 5px;
      padding: 5px;
      border: 1px solid var(--background-dark);
      }

        .calendar-container .calendar:first-child {
      padding: 0px;
      }

      /* For the month*/
      .month-indicator {
      text-transform: uppercase;
      font-weight: 700;
      text-align: center;
      }

      /* CSS grid used for the dates */
      .day-of-week,
      .date-grid {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      }

      /* Styles for the weekday/weekend header*/
      .day-of-week > * {
      font-size: 12px;
      font-weight: 700;
      text-align: center;
      margin-top: 5px;
      }

      /* Dates */
      .date-grid {
      margin-top: 0;
      text-align: center;
      }
        
      .calendar .day.old {
      opacity: 0.3;
      }

      .st_mini_scene {
      cursor: pointer;
      position: relative;
      display: inline-block;
      font-weight:bold;
      }


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

      .st_mini_scene_show {
      opacity: 0;
      z-index: 300;
      width: 200px;
      display: block;
      font-size: 11px;
      padding: 5px 10px;
      text-align: center;
      background: var(--background-dark);
      border: 5px solid var(--background-light);
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      position: absolute;
      left: -65px;
      bottom: 20px;
      }

      .st_mini_scene_show:before,.st_mini_scene_show:after {
      content: "";
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid var(--background-light);
      position: absolute;
      bottom: -13px;
      left: 59px;
      }

      .st_mini_scene:hover .st_mini_scene_show,a:hover .st_mini_scene_show {
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      background-color:var(--background-dark);
      }

      .st_mini_scene_title {
      text-decoration: underline;
      }

      .st_mini_scenelink {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding-bottom: 4px;
      }
      #calsettings_button {
      grid-column: 1 / -1;
      justify-self: center;
      }

      .day.st_mini_scene.lastmonth {
        opacity: 0.1;
      }
      /* calendar-update - kommentar nicht entfernen */
      .scenetracker_cal_setting {
          width: 100%;
            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;
        }
        /* update-userfilter - kommentar nicht entfernen */
        .scenefilteroptions__items.button {
            text-align: center;
            width: 100%;
        }
  #suggest {
font-size: 15px;
    z-index: 10;
    font-style: italic;
    margin-top: 5px;
    margin-bottom: 5px;
    color: var(--farbe7);
    cursor: pointer;  
}

.scenetracker_reminder_wrapper {
 border: 1px dotted var(--farbe1);
    background-color: var(--farbe5);	
}
.yourturn{
    color: var(--farbe1);
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 10px 10px;
    background-color: var(--farbe8);
}
.szenendesc{
    font-family: Cambria, Georgia, serif;
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
}