: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;
        }

        /* **********
        * 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 {

        }

        .scene_ucp.chara_item__scenes-con {

        }

        .scene_ucp.chara_item__scene {
          padding: 8px;
        }

        .scene_ucp.chara_item__scene:nth-child(even) {
          background-color: var(--background-dark);
        }

        .scene_ucp.chara_item__scene:nth-child(odd) {
          background-color: var(--background-light);
        }

        .scene_ucp > h2 {
          position: relative;
        }

        .scene_ucp > h2::after {
          content: " ";
          display: block;
          position: relative;
          height: 1px;
          background: black;
          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.scenebit.scenetracker_profil {
          padding: 5px 10px;
          display: flex;
          flex-wrap: wrap;
        }

        .scenetracker_profil .scenetracker__sceneitem.scene_title {
          width: 100%;
        }

        .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;
        }


        /*****************
        **PROFIL
        *****************/ 
        .scenetracker.container {
          width: 90%;
          height: 400px;
          overflow: auto;
          margin: auto auto;
          background: var(--background-light);
          padding: 10px;
        }

        span.scentracker.month {
          margin-top:10px;
          width: 90%;
          font-weight: 600;
          font-size: 1.3em;
          border-bottom: 1px solid black;
          display: block;
        }

        .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;
        }


        /*****************
        *Forumdisplay
        *****************/ 

        .scenetracker_forumdisplay.scene_infos {
          display: grid;
          grid-template-columns: 1fr 2fr;
        }

        .scenetracker_forumdisplay.scene_users.icon {
          grid-column: span 2;
        }

        /*********************
        *INDEX
        *********************/

        .scenetracker_index.character.container {
          /* display: grid; */
        width: 100%;
          max-height: 150px;
          overflow: auto;
            
        }

        .scenetracker_index.wrapper_container{
        
        width: 1040px;
        margin: auto;
   
        }

        .scenetracker_index.chara_item__scene:nth-child(even) {
        }

        .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_chara
{text-align: left;
    padding: 30px 30px 10px 30px;
}
.scenetracker_index_chara, .scenetracker_index_chara a {text-align: left; font-size: 20px; font-family: 'Yeseva One', cursive; letter-spacing: 0.5pt; font-weight: bold; height: 30px; color: var(--schwarz); }
    .scenetracker_index_chara a:hover {color: var(--accent1); text-decoration: line-through;}

.scenetracker_index_scene {text-align: left; padding: 0 30px 0 30px;}

.scenetracker_index_scene a {text-decoration: none; color: var(--dunkeldunkel); text-transform: lowercase; font-size:12px; letter-spacing: 0.5pt; padding: 0px 0px 3px 0px; border-bottom: 1px solid var(--accent1dunkel); font-weight: 600; border-bottom: 1px solid #fff;}

.scenetracker_index_last {color: var(--dunkeldunkel); text-transform: lowercase; font-size:12px; letter-spacing: 0.5pt; text-align: right; padding-right: 30px;}

.scenetracker_index_last a {text-decoration: none; color: var(--dunkeldunkel); text-transform: lowercase; font-size:12px; letter-spacing: 0.5pt; padding: 0px 0px 3px 0px; border-bottom: 1px solid var(--accent1dunkel); font-weight: 600; border-bottom: 1px solid #fff;}

.scenetracker_index_last a:hover, .scenetracker_index_scene a:hover {color: var(--accent1);}

.scenetracker_index_sceneinfo {text-align: left; line-height: 20px; padding: 5px 30px 20px 30px; letter-spacing: 0.5pt; font-size: 12px;}
        .scenetracker_index h1:after {
          content: " ";
          display: block;
          height: 1px;
          background: black;
          margin-top:-10px;
          margin-bottom:-5px;
        }

        .scenetracker_index.chara_item__scene:nth-child(odd) {
          background-color: var(--dunkel);
          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: 5px;
          font-weight: 600;
          grid-row: 1;
          grid-column: 1;
        }
        .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;
        }

        .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: 5px;
        }

        /*INDEX REMINDER */ 
        .scenetracker_reminder.box {
          margin-bottom: 20px;
text-align: left;
          max-height: 100px;
          overflow: auto

        }

        .scenetracker_reminder.container {

            padding-left: 30px;

        }

        .scenetracker_reminder.item:before {
          content: "» ";
        }

        span.senetracker_reminder.text {
          display: block;
font-weight: bold;
        }

        .scenetracker_index.character_box {
          background-color: var(--dunkel);
        }    

        /*calendar*/ 

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

        .calendar-container .calendar {
          width: 205px;
          padding-left: 5px;
          padding: 5px;
  
        }

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

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

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

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

        /* 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;
    	 
        }

	 .ownscene {

		 font-weight: bold;
		 background: var(--accent1);
    	 
        }
.birthdaycal {
text-decoration: underline;
}
        .day.st_mini_scene.fullmoon.birthdaycal {
text-decoration: none;
			border-bottom: 1px solid var(--schwarz); margin: 6px 8px 0 8px;
        }

        .day.st_mini_scene.fullmoon {
		font-size: 27px;
		margin-top: 6px;
		line-height: 10px;
        }

        .st_mini_scene_show {
          opacity: 0;
          z-index: 300;
          width: 250px;
          display: block;
          font-size: 11px;
          padding: 5px 10px;
          text-align: left;
          background: var(--hell);
          border: 3px solid var(--schwarz);
          -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(--hell);
          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(--hell);
        }

        .st_mini_scene_title {
          text-decoration: underline;
        }

        .st_mini_scenelink {
          display: flex;
          flex-wrap: wrap;
          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;
          gap: 10px;
        }

        .scenetracker_cal_setting .scenefilteroptions__items {
          width: 100%;
        }

        .st_mini_scenelink {
          display: flex;
          flex-wrap: wrap;

          padding-bottom: 4px;
        }

        .st_mini_scenelink span {
          text-align: left;
        }

        #calsettings_button {
          grid-column: 1 / -1;
          justify-self: center;
        }
        /* update-userfilter - kommentar nicht entfernen */
        .scenefilteroptions__items.button {
            text-align: center;
            width: 100%;
        }