/* Eigene Überschriften */

.postbit-own-title {
	color: var(--titletextcolor1);
	background: var(--highlightbgcolor);
	text-shadow: 1px 1px 1px var(--textshadowcolor1);
	font-family: var(--titlefontfamily);
	font-size: clamp(20pt, 5vw, 40pt); 
	line-height: 0;
	padding-bottom: 10px;
	text-align: center;
	margin: 40px 50px 15px 50px;
}

.postbit-own-title-small {
	color: var(--titletextcolor2);
	background: var(--highlightbgcolor);
	text-shadow: 1px 1px 1px var(--textshadowcolor2);
	font-family: var(--titlefontfamily);
	font-size: clamp(16pt, 5vw, 25pt);
	line-height: 5px;
	padding-bottom: 3px;
	text-align: center;
	margin: 50px 100px 15px 100px;
}

.postbit-own-subtitle {
	color: var(--titletextcolor2);
	font-family: var(--titlefontfamily);
	font-size: 20pt;
	line-height: 0.8;
	text-align: center;
}

.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8 {
	color: var(--titletextcolor2);
	font-family: var(--titlefontfamily);
	line-height: 0.8;
	text-align: center;
	font-weight: normal;
}
.h1 {
	font-size: 40pt;
}
.h2 {
	font-size: 29pt;
}
.h3 {
	font-size: 20pt;
}
.h4 {
	font-size: 16pt;
}
.h5 {
	font-size: 14pt;
}
.h6 {
	font-size: 12pt;
}
.h7 {
	font-size: 10pt;
}
.h8 {
	font-size: 8pt;
}

.handwriting {
	font-family: var(--handwritingfontfamily);
	font-size: var(--handwritingpostfontsize);
}


.mycode_b {
	color:  var(--trowboldcolor);
}

.mycode_i {
	color:  var(--trowitaliccolor);
}

.mycode_u {
	color:  var(--trowunderlinecolor);
}

.mycode_floatleft,
.post_body img[style*="float: left"] {
	float: left;
	margin: 6px 20px 6px 0;
}

.mycode_floatright,
.post_body img[style*="float: right"] {
	float: right;
	margin: 6px 0px 6px 20px;
}




/* --- Vorlagen: INFO, GESUCHE, STECKIS --- */

.post_content:has(.info) {
	background: var(--mainbgcolor);
}

.post_content:has(.info) .post_date {
	color: var(--maintextcolor);
}

.post_content_container:has(.info) {
	border-right: 10px solid var(--theadbgcolor);
}


.info {	
	background: var(--mainbgcolor);
	color: var(--maintextcolor);
	padding: 20px;
}

.infotitle {
	color: var(--infotitletextcolor);
	font-family: var(--titlefontfamily);
	font-size: clamp(16px, 5vw, var(--infotitlefontsize));
	line-height: 0.8;
	text-align: center;
	text-wrap: balance;
}

.infobox {
}

.infoboxtitle {
	background: var(--theadbgcolor);
	color: var(--theadtextcolor);
	padding: 5px 10px 0 10px;
	text-align: center;
}

.infoboxcontent {
	background: var(--trowbgcolor);
	color: var(--trowtextcolor);
	padding: 10px 16px;
	text-align: justify;
	border: 10px solid var(--theadbgcolor);
}

.infoboxcontent a {
	color: var(--trowlinkcolor);
}

.addedinfo {
	background: var(--theadbgcolor);
	color: var(--theadtextcolor);
	padding: 10px;
	border: 10px solid var(--personbgcolor);
}

.addedinfotitle {
	font-size: 29pt;
	font-family: var(--titlefontfamily);
	text-align: center;
}


.info .mycode_b, 
.info .mycode_i,
.info .mycode_u {
	color: var(--maintextcolor);
}

.infoboxcontent .mycode_b, 
.infoboxcontent .mycode_i,
.infoboxcontent .mycode_u {
	color:  var(--trowboldcolor);
}


/* --- Gesuche --- */

.person {

}

.persontitle {
	font-size: 29pt;
	font-family: var(--titlefontfamily);
	text-align: center;
	text-decoration-line: none;
}

.factlist {
	display: flex;
	gap: 4px;
	justify-content: center;
}

.persontitle ~ .factlist,
.person .factlist {
	padding-bottom: 10px;
}

.fact {
	font-size: 15px;
	font-family: var(--codefontfamily);
	line-height: 1;
	background: var(--theadbgcolor);
	color: var(--theadtextcolor);
	padding: 3px 4px;
}

.person .fact {
	background: var(--personbgcolor);
}


.person figure {
	float: left;
	background-color: var(--personbgcolor);
	width: 200px; /* oder passend zum Bild */
	margin: 6px 20px 10px 0; /* Abstand zum Text */
	font-size: 0; /* verhindert Lücke zwischen img und figcaption */
}

.person figure img {
	display: block; /* verhindert bottom spacing */
	width: 100%;
	height: 130px;
	object-fit: cover;
	filter: sepia(70%);
}


.person figcaption {
	font-size: 14px; /* zurücksetzen für sichtbaren Text */
	text-align: center;
	padding: 5px;
	background: var(--personbgcolor);
	color: var(--persontextcolor);
}

.taken .person {
	text-decoration-line: line-through;
	opacity: 0.7;
}

.taken img {
	opacity: 0.6;
}

.taken figcaption {
	opacity: 0.5;
	text-decoration-line: line-through;
}

.taken .fact {
	opacity: 0.5;
}

.reserved .person {
	opacity: 0.7;
}

.reserved img {
	opacity: 0.6;
}

.reserved figcaption {
	opacity: 0.5;
}

.reserved .fact {
	opacity: 0.5;
}

/* Steckbrief */

.section .h3 {
	text-align: left;
}

.section .fact {
	display: inline-block;
}


/* Kopierbutton for Codeblöcke */
.copycodebtn {
	margin-left: 10px;
	padding: 0 5px 2px 5px;
	margin-bottom: 5px;
}

/* Neben Beitrag links (Autor) */
.char-icon {
	width:250px;
	height:120px;
}

.post_author {
	width: 250px;
	margin-right: 20px;
	margin-left: 10px;
	padding: 0;
	text-align: center;
}

.author_information {
	padding: 0;
}

.postbit-username {
	font-size: clamp(16px, 5vw, 24px);
	white-space: nowrap;
	margin-top: 15px;
}

.postbit-usertitle {
	font-size: 15px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.postbit-chardescription {
	margin: 20px 0;
	height: 136px;
	width: 250px;
	text-align: justify;
	overflow: auto;
	background: var(--highlightbgcolor);
	color: var(--highlighttextcolor);
	line-height: 1.1;
	padding: 3px 8px 5px 6px;
	hyphens: auto;
}

.postbit-profilefields {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.postbit-profilefields div {
	padding: 5px;
	background: var(--mainbgcolor);
	text-transform: uppercase;
}

.postbit-email-pm {
	margin-top: 25px;
}

/* postbit_buttons */
.post_controls {
	display: flex;
}

.postbit_buttons.author_buttons {
}

.postbit_buttons.post_management_buttons {
	flex: 1;
	text-align: right;
}

/* Aufzählungen */

.post_body ul {
	list-style: none;
	padding-left: 0;
	margin-left: 1em;
	text-align: left;
}

.post_body ul ul {
	margin-left: 0;
}

.post_body ul li {
	position: relative;
	padding-left: 1.5em; /* Platz für das Symbol */
	line-height: 1.3;
}

.post_body ul li::before {
	content: '☆';
	position: absolute;
	left: 0;
	top: 0;
}

.post_body  ul li ul li::before {
	content: '★';	
	position: absolute;
	left: 0;
	top: 0;
}

/* Original aus global.css */


.post {
	overflow: hidden;
}

.post.classic {
	padding: 5px 0;
	display: flex;
	gap: 5px;
}

#posts_container {
	padding: 0;
}

.ignored_post {
	padding: 15px;
}

.ignored_post .show_ignored_post {
	margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
	background-position: 0 -400px;
}

.deleted_post_hidden {
	padding: 15px;
}

.deleted_post_collapsed {
	padding: 15px;
}

.deleted_post_collapsed .show_deleted_post {
	margin-top: -15px;
}

.deleted_post_collapsed .show_deleted_post a.button span {
	background-position: 0 -400px;
}

.post .post_head {
	font-size: 13px;
	padding-bottom: 4px;
	margin-bottom: 4px;
	padding-top: 1%;
}

.post .post_head span.post_date {
}

.post .post_head span.edited_post {
	font-size: 10px;
}

.post_body {
	font-size: var(--postfontsize);
	padding: 15px;
	text-align: justify;
}

.post_content_container {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.post_content {
	flex: 1;
	padding: 0 1% 5px 1%;
}

.post_content_container .signature {
	background: var(--mainbgcolor);
	padding: 20px;
}

.post .post_meta {
	margin: 4px 0;
	font-size: 11px;
}

.post_controls {
	clear: both;
	padding: 5px;
	overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	display: inline-block;
	padding: 2px 5px;
	margin: 2px;
	font-size: 11px;
}

.postbit_buttons a span {
	padding-left: 20px;
	display: inline-block;
	height: 16px;
}

.postbit_buttons a.postbit_find span {
	background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
	background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
	background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
	background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
	background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
	background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
	background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
	background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
	background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
	background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
	background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
	background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
	background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
	background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
	background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
	background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
	background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
	background-position: 0 -320px;
}

.post:not(.deleted_post) .postbit_qrestore,
.post:not(.deleted_post) .status_type,
.post.deleted_post .postbit_mirage {
	display: none;
}