: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: #111111;
				padding: 10px;
			}

			span.scentracker.month {
				margin-top:10px;
				width: 90%;
				font-weight: 600;
				font-size: 1.3em;
				border-bottom: 1px solid #b52b2b;
				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;
			}


			

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

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

			.scenetracker_index.chara_item__scene:nth-child(even) {
				background-color: #0F0F0F;
			}

			.closepop { 
				position: absolute; 
				right: -5px; 
				top:-5px; 
				width: 100%; 
				height: 100%; 
				z-index:0; 
			} 

.scenetracker_index.wrapper_container {
    width: calc(100% - 16px);
    box-sizing: border-box;
    margin: 12px 8px 20px;
    padding: 0;
    background: #111;
    border: 1px solid var(--outbreak-line);
    color: var(--outbreak-text);
}

.scenetracker_index.wrapper_container > strong {
    display: block;
    margin: 0;
    padding: 12px 18px;
    background: #171717;
    border-bottom: 1px solid #303030;
    color: var(--outbreak-red);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.2;
    text-transform: uppercase;
}
			.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: #0F0F0F;
				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: #0F0F0F;
			}    

			/*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%;
			}
	
.headscenes {
	width: 100%;
    display: inline-block;
    padding: 6px 14px;
    background: #0C0C0C;
    border-left: 3px solid #b52b2b;
    color: #b52b2b;
	font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
			}

/* =========================================================
   SCENE TRACKER // SHOWTHREAD
   ========================================================= */

.outbreak-scene-panel.scenetracker_showthread {
    display: grid;
    grid-template-columns: 1fr 1fr;

    width: 100%;
    box-sizing: border-box;

    margin: 24px 0 30px;

    background: #111;
    border: 1px solid #292929;

    color: var(--outbreak-text);
}


/* ---------------------------------------------------------
   DATE / PLACE
   --------------------------------------------------------- */

.outbreak-scene-info {
    display: flex;
    align-items: center;
    gap: 28px;

    grid-column: 1 / -1;

    padding: 16px 22px;

    background: #151515;
    border-bottom: 1px solid #292929;
}

.outbreak-scene-date,
.outbreak-scene-place {
    display: flex;
    align-items: center;
    gap: 9px;

    color: #ddd;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.outbreak-scene-date i,
.outbreak-scene-place i {
    color: var(--outbreak-pink);
}

/* ---------------------------------------------------------
   PARTICIPANTS
   --------------------------------------------------------- */

.outbreak-scene-users {
    display: flex;
    align-items: center;
    gap: 10px;

    grid-column: 1 / -1;

    padding: 13px 22px;

    border-bottom: 1px solid #292929;
}

.outbreak-scene-users > i {
    color: var(--outbreak-pink);
}

.outbreak-scene-users .scenetracker_user {
    display: inline-block;

    margin-right: 10px;

    color: #d8d2c5;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

/* ---------------------------------------------------------
   STATUS / TRIGGER
   --------------------------------------------------------- */

.outbreak-scene-status {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;

    grid-column: 1 / -1;

    padding: 15px 22px;

    background: #0d0d0d;
    border-bottom: 1px solid #292929;
}

.outbreak-scene-status-main {
    display: flex;
    align-items: center;
    gap: 10px;
}

.outbreak-scene-status-main > i {
    color: var(--outbreak-red);
}

.outbreak-scene-status-main .scenestate {
    color: var(--outbreak-red);

    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* Trigger */

.outbreak-scene-status .scene_trigger {
    padding: 0;

    border: 0;

    color: #d8d2c5;
    font-size: 13px;
}

.outbreak-scene-status .scene_trigger__title {
    display: block;

    margin-bottom: 4px;

    color: var(--outbreak-red);

    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/* ---------------------------------------------------------
   ACTIONS
   --------------------------------------------------------- */

.outbreak-scene-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;

    grid-column: 1 / -1;

    padding: 11px 22px;

    background: #151515;
}


/* Edit / Export */

.outbreak-scene-actions .scene_edit,
.outbreak-scene-actions .scene_export {
    margin: 0;
    padding: 0;

    border: 0;
}

.outbreak-scene-actions a,
.outbreak-scene-actions input[type="submit"] {
    display: inline-block;

    padding: 7px 12px;

    background: transparent;
    border: 1px solid #343434;

    color: #999;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;

    text-decoration: none;
    cursor: pointer;
}

.outbreak-scene-actions a:hover,
.outbreak-scene-actions input[type="submit"]:hover {
    border-color: var(--outbreak-pink);
    color: var(--outbreak-pink);
}


/* Export select */

.outbreak-scene-actions select {
    height: 32px;

    padding: 0 8px;

    background: #171717;
    border: 1px solid #343434;

    color: #aaa;

    font-size: 11px;
}

/* =========================================================
   SCENE TRACKER – FORUMDISPLAY INFOS // DARK
   ========================================================= */

.scenetracker_forumdisplay.scene_infos {
    display: block;
    width: 100%;
    margin: 4px 0 0;
    padding: 0;
    color: #d8d2c5;
    font-size: 10px;
    line-height: 1.3;
}

/* DATE + PLACE */

.scenetracker_forumdisplay .scene_meta {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #d8d2c5;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .8px;
    line-height: 1.3;
}

.scenetracker_forumdisplay .scene_date,
.scenetracker_forumdisplay .scene_place {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    background: none !important;
    border: 0 !important;

    color: #d8d2c5 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: .8px !important;
    line-height: 1.3 !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.scenetracker_forumdisplay .scene_date i,
.scenetracker_forumdisplay .scene_place i {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;

    background: none !important;
    border: 0 !important;

    color: #d94f72 !important;
    font-size: 8px !important;
}

/* TRENNER */

.scenetracker_forumdisplay .scene_meta_divider {
    display: inline-block;
    margin: 0 8px;
    color: #55504a;
    font-size: 9px;
    font-weight: 400;
}

/* PARTICIPANTS */

.scenetracker_forumdisplay .scene_users {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #d8d2c5 !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
}

.scenetracker_forumdisplay .scene_users > i {
    flex: 0 0 auto;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    color: #d94f72 !important;
    font-size: 8px !important;
}

/* Teilnehmer bleiben in EINER Reihe */

.scenetracker_forumdisplay .scene_users_list {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.scenetracker_forumdisplay .scene_users_list .scenetracker_user {
    display: inline-block !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;

    color: #d8d2c5 !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: .7px !important;
    line-height: 1.3 !important;
    white-space: nowrap;
    text-transform: uppercase;
}

/* Komma zwischen den Teilnehmern */

.scenetracker_forumdisplay .scene_users_list .scenetracker_user:not(:last-child)::after {
    content: ",";
    margin-left: 1px;
    color: #77716a;
}

.scenetracker_forumdisplay .scene_users_list .scenetracker_user:last-child {
    margin-right: 0 !important;
    padding-right: 0 !important;
}