/* SCENETRACKER */

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

.scene_container {
    height: 113px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 184, 71, 0.35);
    box-sizing: border-box;
    padding: 5px;
}

.scene_kat {
    font-size: 12px;
    line-height: 110%;
    color: #00B847;
}

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

/* PROFIL */

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

/* ÜBERSCHRIFTEN */

.heaven_profwrap .profleft .bheadline,
.heaven_profwrap .bheadline {
    background: linear-gradient(
        115deg,
        #10282B 0%,
        #192D3C 55%,
        #252342 100%
    );
    border-left: 2px solid #00B847;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 3px;
    text-transform: uppercase;
    color: #D4E0EA;
}

/* PROFILBOXEN */

.heaven_profwrap .profleft .profbox {
    background: linear-gradient(
        135deg,
        #10282B 0%,
        #1B2D3D 65%,
        #24243D 100%
    );
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    padding: 3px;
    color: #D4E0EA;
}

/* BUTTONS */

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

.heaven_profwrap .profleft .userbuttons .ubut {
    background: linear-gradient(
        115deg,
        #10282B 0%,
        #192D3C 55%,
        #252342 100%
    );
    border-bottom: 2px solid #00B847;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    padding: 3px;
    width: 19%;
    flex-grow: 1;
    transition: background 0.3s ease;
}

.heaven_profwrap .profleft .userbuttons .ubut:hover {
    background: linear-gradient(
        115deg,
        #174139 0%,
        #1C3945 55%,
        #302C55 100%
    );
}

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

/* RECHTE PROFILSEITE */

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

/* VERTIKALE TABS */

.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: linear-gradient(
        180deg,
        #252342 0%,
        #192D3C 55%,
        #10282B 100%
    );

    color: #D4E0EA;
    border-top: 2px solid #7775F2;
    cursor: pointer;
    transition: all ease 0.7s;
}

/* TAB-INHALT */

.profright .tab_profside .tab_profcontent {
    position: absolute;
    width: calc(100% - 40px);
    height: 100%;
    top: 0;
    left: 20px;
    box-sizing: border-box;
    overflow: auto;
    padding: 15px;
    z-index: -1;
    opacity: 0;

    background: linear-gradient(
        135deg,
        #10282B 0%,
        #192D3C 50%,
        #252342 100%
    );

    color: #D4E0EA;
    border-top: 2px solid rgba(0, 184, 71, 0.45);
}

.tab_profcontent h1 {
    position: relative;
    color: #00B847;
}

/* AKTIVER TAB */

.profright .tab_profside input:checked + label {
    height: 150px;

    background: linear-gradient(
        180deg,
        #18443C 0%,
        #192D3C 55%,
        #302C55 100%
    );

    color: #00B847;
    border-top: 2px solid #00B847;
    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;
}

/* SIGNATUR */

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

/* ZWEITCHARAKTERE */

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

.secondfaces img {
    width: 55px;
    border: 1px solid #7775F2;
}

/* FLEX-CONTAINER */

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