/*SCENETRACKER*/

.scene_box {
height: 650px;
  overflow: auto;
}

.scene_container {
	height: 113px;
display: flex;
  flex-direction: column;
  border-bottom: 1px solid #474e8e;
  box-sizing: border-box;
  padding: 5px;
}

.scene_kat {
font-size: 12px;
  line-height: 110%;
}

.scene_mem {
display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    line-height: 110%;
    align-items: center;
}

.scene_descr {
padding-bottom: 10px;
  text-align: justify;
  height: 65px;
  overflow: auto;
  padding-right: 5px;
  font-size: 12px;
  line-height: 140%;
}

.heaven_profwrap {
  display:flex;
  flex-wrap: wrap;
  justify-content:space-evenly;
  gap: 10px;
}

.heaven_profwrap .profleft {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 5px;
  gap: 10px;
	max-width:250px;
}

.heaven_profwrap .profleft .bheadline, .heaven_profwrap .bheadline{
  background: rgb(81 88 153 / 68%);
  width: 100%;
  text-align:center;
  box-sizing: border-box;
  padding: 3px;
  text-transform:uppercase;
}

.heaven_profwrap .profleft .profbox {
  background: rgb(81 88 153 / 68%);
  width: 100%;
  text-align:left;
  box-sizing: border-box;
  padding: 3px;
}

.heaven_profwrap .profleft .userbuttons {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: nowrap;
  gap: 5px;
}

.heaven_profwrap .profleft .userbuttons .ubut {
  background: rgb(81 88 153 / 68%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  padding: 3px;
  width: 19%;
  flex-grow: 1;
}

.heaven_profwrap .profleft .userbuttons .ubut sll {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

.heaven_profwrap .profleft .userchars, .heaven_profwrap .userawards {
  width:100%;
  height: 70px;
  overflow:auto;
  display:flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding: 5px;
  box-sizing: border-box;
}


.heaven_profwrap .profright {
  flex-grow: 1;
}

.profright .tab_profcon {
	width: 100%;
    position: relative;
    margin: auto;
	height:  100%;
	overflow: hidden;
}

.profright .tab_profcon .tab_profside {
	width:100%;
	height: 100%;
	display:flex;
	flex-direction: column;
	justify-content: start;
  gap: 10px;
  padding: 30px 0px;
	background: transparent;
}

.profright .tab_profside input {
	display: none;
}

.profright .tab_profside .tab_profcontent input {
	display: block;
}


.profright .tab_profside label {
	display: block;
	width: 20px;
	height: 100px;
  writing-mode: vertical-rl;
	text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  transform: rotate(180deg);
	background: rgb(81 88 153 / 68%);
	cursor: pointer;
  transition: all ease 0.7s;
}

.profright .tab_profside .tab_profcontent {
	position: absolute;
	width: calc(100% - 20px);
	height: 100%;
	top: 0;
	left: 20px;
	box-sizing: border-box;
	overflow: auto;
	padding: 15px;
	z-index: -1;
	opacity: 0;
	background: rgb(81 88 153 / 68%);
}

.tab_profcontent h1 {
	position:relative;
}



.profright .tab_profside input:checked + label {
  height: 150px;
	background: #474e8e;
  transition: all ease 0.7s;
}

.profright .tab_profcon input:checked + label {
	transition: all ease 0.7s;
}

.profright .tab_profside input:checked + label + .tab_profcontent {
	z-index: 2;
	opacity: 1;
	transition: all ease 0.7s;
	text-align: justify;
}

.heaven_profwrap .usersignatur {
  width:100%;
  text-align: center;
}

.secondfaces {
	height:305px; 
	width:251px; 
	overflow:auto;
}

.secondfaces img {
	width:55px; 
	border: 1px solid #474e8e;
}

.flex-container {
        display: flex;
        flex-direction: column;
        padding: 0px;
		font-size: 10px;
margin-bottom: -30px;
    }

    .flex-box {
display: flex;
		flex-wrap:wrap;
padding-left:0px;
        margin-bottom: 2px; /* Add spacing between flex boxes */
    }