.postbit_flex_outplay {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.postbit_background_outplay {
	width: 100%;
	background-image: url(../../../images_nightsky/postbit_background.png);
    background-color: #0066a20f;
	background-repeat: repeat-x;
}

.postbit_post_outplay {
	display: inline-block;
    width: 960px;
    background-color: #8ea8bd87;
    border-top: 5px solid #195e867d;
    border-bottom: 5px solid #195e867d;
    margin: 0px 10px 0px 5px;
}

.postbit_username_outplay {
	text-align: right;
    margin: 10px 20px 0px;
    min-height: 130px;
}

.membertitel {
	float: left; 
	padding-left: 20px;
}

.charaname {
	float: right; 
	padding-right: 35px;
}

.postbiticon_outplay {
	display: inline-block;
    float: left;
    padding: 10px;
   background-color: #ffffff5c;
}

.postbiticon_outplay > img {
	
}

.postbit_navigation_outplay {
	display: inline-block;
    width: 50px;
    background-color: #563f5dc7;
    vertical-align: top;
    padding: 5px;
    margin: 5px 0px 0px 5px;
    text-align: center;
    height: 250px;
}

.postbit_shorttext_outplay {
	float: right;
    padding: 10px;
    width: 400px;
    text-align: center;
    background-color: #ffffffb8;
    display: inline-block;
    height: 200px;
}

.shorttext_outplay {
	background-color: #ffffffc4;
    width: 380px;
    height: 180px;
	overflow: auto;
	text-align: justify;
    padding: 10px;
}

.postbit_navi_outplay {
	letter-spacing: 5px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    background-color: #ffffff5c;
    width: 920px;
}

.postbit_profillink_outplay {
	text-align: right;
    padding: 14px 40px 10px 10px;
    text-transform: uppercase;
    font-size: 35px;
    font-family: 'SF Buttacup Lettering', sans-serif;
    letter-spacing: 4px;
    font-weight: bold;
    width: 860px;
    float: right;
	background-color: #ffffff5c;
}

.postbit_username_outplay > a {
	text-transform: uppercase;
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 2px;
    text-align: right;
    padding: 50px 30px 0px 10px;
    margin: 10px 20px 0px;
    text-transform: uppercase;
    font-size: 35px;
    font-family: 'SF Buttacup Lettering', sans-serif;
    letter-spacing: 4px;
    font-weight: bold;
}

.postbit_head_outplay {
	font-size: 10px;
    padding: 5px 10px 5px 10px;
    background-color: #8ea8bd87;
	border-bottom: solid 4px #0066a291;
}

.postbit_message_outplay {
	background-color: #fff;
    margin: 0px 20px 10px 20px;
    padding: 15px;
	min-height: 150px;
}

.postbit_userinformation_outplay {
	display: inline-block;
    background-color: #8ea8bd87;
    border-top: 5px solid #195e867d;
    border-bottom: 4px solid #195e867d;
    margin: 10px 20px 15px 5px;
    vertical-align: top;
    /* positioN: sticky; */
    top: 0px;
}

.postbit_charabanner_outplay {
   padding: 10px 10px 10px 10px;
    width: 260px;
    float: left;
    background-color: #ffffffcc;
    margin: 10px 10px 10px 10px;
}

.postbit_autorchange_outplay {
	text-align: center;
    padding: 5px;
    background-color: #8ea8bd87;
}

.instaroid_postbit_outplay {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'SF Buttacup Lettering', sans-serif;
    /* color: #1b5d6a; */
    padding: 10px 10px 10px 10px;
    text-align: center;
    background-color: #8ea8bd87;
    margin: 10px 0px 0px 0px;
}

.postbit_usertitel_outplay {
	float: right;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'SF Buttacup Lettering', sans-serif;
    color: #0f0f0f;
    letter-spacing: 4px;
    margin: 10px 0px 0px 5px;
    text-align: center;
    background-color: #ffffff5c;
    padding: 10px;
   width: 860px;
}

.postbit_avatar_outplay {
	padding: 0px 10px 10px 10px;
}

.postbit_avatar_outplay > img {
	/* border: 1px solid #bea8c4; */
}

.postbit_shortcuts_outplay {
	width: 240px;
    background-color: #8ea8bd87;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
}

.postbit_short_outplay {
	display: inline-block;
	width: 100%;
	background-color: #e2d1e73d;
    padding: 3px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    margin: 5px 0px 0px 0px;
}

.postbit_icon_outplay {
	display: inline-block;
	background-color: #ddd;
    padding: 6px 10px;
    float: left;
	width: 30px;
	height: 22px;
}

.postbit_info_outplay {
	display: inline-block;
    background-color: #ffffff61;
    padding: 4px 10px;
    float: left;
    margin-left: 2px;
	height: 22px;
}

.postbit_charaicon_outplay {
	padding: 10px;
}

.postbit_signatur_outplay {
	display: inline-block;
    width: 960px;
    background-color: #48304f94;
    border-top: 10px solid #48304f;
    border-bottom: 10px solid #48304f;
    margin: 5px 20px 5px 20px;
}

.postbit_navigation_outplay {
	display: inline-block;
    width: 50px;
    background-color: #563f5dc7;
    vertical-align: top;
    padding: 5px;
    margin: 5px 0px 0px 5px;
    text-align: center;
    height: 250px;
}

.postbit_navi_outplay > a {
	font-size: 16px;
}

.postbit_userinfos_outplay {
	display: inline-block;
    width: 390px;
    background-color: #604967a3;
    margin: 5px 0px 0px 0px;
    height: 250px;
    vertical-align: top;
    padding: 0px 5px 0px 5px;
}

.postbit_usershort_outplay {
	display: inline-block;
	width: 100%;
	background-color: #e2d1e73d;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    margin: 5px 0px 0px 0px;
}

.postbit_usericon_outplay {
	display: inline-block;
    background-color: #c8b6cc;
    padding: 6px 10px;
    float: left;
    width: 30px;
    height: 22px;
}

.postbit_userfact_outplay {
	display: inline-block;
    background-color: #c8b6cc;
    padding: 4px 10px;
    float: left;
    margin-left: 2px;
	height: 22px;
}

.postbit_signaturuser_outplay {
	display: inline-block;
	margin: 5px 0px 5px 0px;
	width: 500px;
    height: 250px;
    /* background-color: #604967a3; */
	background-color: #e2d1e73d;
}

.postbit_signaturuser_outplay > img {
	/* border: 1px solid #bea8c4; */
}

.postbit_divbottom_outplay {
	background-color: #0066a20f;
    height: 320px;
}

.postbit_charafacts_outplay {
	width: 100%;
    float: left;
    height: 230px;
    display: inline-block;
    height: 270px;
    padding: 0px 20px 0px 20px;
}

.postbit_short_outplay {
	display: inline-block;
	width: 100%;
	background-color: #e8edf1;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    margin: 5px 0px 0px 0px;
}

.postbit_icon_outplay {
	display: inline-block;
	background-color: #195e86c4;
    padding: 6px 10px;
    float: left;
	width: 30px;
	height: 22px;
	color: #ffffff;
}

.postbit_charaicon_outplay > img {
	border: 4px solid rgb(255 255 255 / 30%);
    border-radius: 100%;
}

.postbit_fact_outplay {
	display: inline-block;
    background-color: #195e86c4;
    padding: 4px 10px;
    float: left;
    margin-left: 2px;
	height: 22px;
	color: #ffffff;
}

.postbit_facts_outplay {
	padding: 10px;
    text-align: justify;
    height: 300px;
    font-size: 11px;
    background-color: #8ea8bd87;
    border-top: 5px solid #195e867d;
    border-bottom: 5px solid #195e867d;
}

.postbit_avatar_outplay {
	display: inline-block;
    padding: 10px;
    width: 520px;
    height: 270px;
    background-color: #ffffffb8;
    margin: 0px 10px 0px 10px;
}

.postbit_userinformations_outplay {
	background-color: #ffffffb8;
    display: inline-block;
    vertical-align: top;
    width: 240px;
    padding: 10px 0px;
    height: 220px;

}

.archivbutton_outplay {
	display: inline-block;
    background-repeat: no-repeat;
    margin: 2px 2px 6px 2px;
    font-size: 15px;
    font-family: 'SF Buttacup Lettering', sans-serif;
    letter-spacing: 2px;
    background-color: #ffffff;
    padding: 5px 20px 5px 20px;
    border-bottom: solid 4px #6a868c;
}

/* ==========================================
   NAVIGATION LINKS MIT FLEXBOX
   ========================================== */

/* Flexbox Container - weniger Abstand */
.postbit_wrapper_outplay {
    display: flex;
    gap: 5px;  /* Weniger Gap zwischen Navi und Content */
    margin: 10px 5px 15px 10px;  /* Weniger Margin links */
}

/* Navigation LINKS - gleicher Style wie postbit_post_outplay */
.postbit_navi_outplay {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 60px;
    padding: 15px 8px;
    background-color: #8ea8bd87;
    border-top: 5px solid #195e867d;
    border-bottom: 5px solid #195e867d;
}

.postbit_navi_outplay_author {
	font-size: 1.5em; 
	align-items: center; 
	justify-content: center;
    width: 36px; 
	height: 36px; 
	border-radius: 50%; 
	background-color: #ffffffb8; 
	color: #195e86; 
	text-decoration: none;
	font-size: 13px;
	transition: all 0.25s ease;
    border: 2px solid transparent; 
	padding: 4px 8px 8px 7px;
}

/* Alle Navigation Buttons - runde Kreise */
.postbit_navi_outplay a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #ffffffb8;
    color: #195e86;
    text-decoration: none;
    font-size: 13px;
    border: 2px solid transparent;
}

/* Icons in Buttons */
.postbit_navi_outplay a i {
    color: #195e86;
}

/* Content RECHTS - weniger Padding rechts */
.postbit_post_outplay {
    flex: 1;
}

.postbit_username_outplay {
    margin: 10px 10px 0px;  /* Weniger Margin rechts */
}

.postbit_message_outplay {
    margin: 0px 10px 10px 10px;  /* Weniger Margin rechts */
}