: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 {
				display: grid;
				grid-template-columns: 49% 49%;
			}

			.scene_ucp.chara_item__scenes-con {
				max-height: 120px;
				overflow: auto;
				margin: 5px;
				margin-top:0px;
			}

			.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{
				background-color: var(--background-dark);
				padding: 10px
			}

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

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

			.scenetracker_index.chara_item__scene:nth-child(odd) {
				background-color: var(--background-light);
				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;
			}

			.scenetracker_reminder.container {
				max-height: 100px;
				overflow: auto
					padding-left: 30px;
			}

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

			span.senetracker_reminder.text {
				text-align: center;
				display: block;
			}

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

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