@font-face {
    font-family: 'Lato';
    src: url(../../../images/fonts/Lato-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* Bold (700) für Standard-Fettungen wie den Index */
@font-face {
    font-family: 'Lato';
    src: url(../../../images/fonts/Lato-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Black (900) für fette Akzente in Posts/Steckbriefen */
@font-face {
    font-family: 'Lato';
    src: url(../../../images/fonts/Lato-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url(../../../images/fonts/Lato-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body {
	background: #000;
	color: #333;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	font-family: Lato, Sans-Serif;
	font-size: 15px;
	overflow-y: scroll;
}

a:link {
	color: #3d2012;
	text-decoration: none;
}

a:visited {
	color: #3d2012;
	text-decoration: none;
}

a:hover,
a:active {
	color: #3d2012;
	text-decoration: underline;
}

#container {
	color: #333;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	min-width: 990px;
	
	font-family: Lato;
	font-size: 15px;
}

.wrapper {
	width: 85%;
	min-width: 970px;
	max-width: 1600px;
	margin: auto auto;
}

#logo {
	background: #000;
	padding: 0px 0;
	border-bottom: 1px solid #263c30;
}

#content {
	background: #000;
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
}

#header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
	background-image: url(../../../images/headerlinks_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 16px;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
	background-position: 0 0;
}

#logo ul.top_links a.memberlist {
	background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
	background-position: 0 -40px;
}

#logo ul.top_links a.help {
	background-position: 0 -60px;
}

#logo ul.top_links a.portal {
	background-position: 0 -180px;
}

#panel .upper a.logout {
	font-weight: bold;
	background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	background: url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .upper a.register {
	background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
}
#panel ul.menu.panel_links a.postfach {
	position: relative;
}

#panel ul.menu.panel_links a.postfach .pm_badge {
	position: absolute;
	top: -9px;
	right: -12px;
	background: #b30000;
	color: #fff;
	border-radius: 50%;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}
#panel .lower ul.panel_links {
	float: left;
}

#panel .lower ul.panel_links a.usercp {
	background-position: 0 -120px;
}

#panel .lower ul.panel_links a.modcp {
	background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
	background-position: 0 -160px;
}

#panel .lower ul.user_links {
	float: right;
}

#panel .lower ul.user_links li a {
	padding: 0;
	background-image: none;
}

#panel .upper {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 7px;
	clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
	color: #fff;
}

#panel .lower {
	background: #fbdaaf;
	color: #999;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
	color: #666;
}

#search {
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	vertical-align: middle;
}

#search input.button,
#search input.textbox {
	border-color: #000;
}

#search input.button {
	background: #0066a2 url(../../../images/.png) top left repeat-x;
	color: #fff;
}

#search input {
	margin: -3px 0;
}

#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

#footer {
	clear: both;
}

#footer ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul.menu li {
	margin: 0 5px;
	display: inline;
}

#footer .upper {
	background: #efefef;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 6px;
	font-size: 12px;
	overflow: hidden;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #777;
}

#footer .upper .language {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .language select {
	border-color: #ccc;
}

#footer .upper .theme {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .theme select {
	border-color: #ccc;
}

#footer .upper ul.bottom_links {
	float: left;
	margin: 4px 0 0 0;
}

#footer .lower {
	color: #666;
	padding: 6px 6px 12px 6px;
	overflow: hidden;
	font-size: 11px;
}

#footer .lower a:link,
#footer .lower a:visited {
	color: #444;
	font-weight: bold;
}

#footer .lower a:hover,
#footer .lower a:active {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

#footer .lower #current_time {
	float: right;
	color: #888;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 20px;
	font-size: 11px;
}

.scaleimages img {
	max-width: 100%;
}

.forum_status {
	height: 50px;
	width: 50px;
	background: url(../../../images/stonethread2.png) no-repeat 0 0;
	display: inline-block;
}

.forum_on {
    background-image: url(../../../images/stonethread2.png) !important;
    background-position: center center !important;
    animation: portal-leuchten 4s ease-in-out infinite alternate; /* Nutzt nur das Leuchten */
}

.forum_off {
	background-position: 0px;
}

.forum_offclose {
background-position: 0 -60px;
}

.forum_offlink {
	background-position: 0 -90px;
}
span.thread_status.dot_closefolder {
    display: inline-block !important;
    width: 50px !important;
    height: 50px !important;
    background: url(../../../images/stonethreadsticky.png) no-repeat 0 0 !important;
    content: "" !important;
}
.subforumicon {
	height: 10px;
	width: 10px;
	display: inline-block;
	margin: 0 5px;
	background: url(../../../images/mini_status_sprite.png) no-repeat 0 0;
}
.forumdisplay_sticky span.thread_status { 
    position: relative;      
    background: none !important;
}
.forumdisplay_sticky span.thread_status::before {
    content: "" !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/stonethread.png) !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    /* Die Animation greift jetzt exklusiv nur für den Kreis! */
    animation: portal-drehen 50s linear infinite; 
}

/* Angepinntes / Wichtiges Thema (Das Schild steht fest im Vordergrund) */
.forumdisplay_sticky span.thread_status::after {
    content: "" !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/stickyshield.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.subforum_minion {
	background-position: 0 0;
}
.subforum_minion {
    animation: portal-leuchten 4s ease-in-out infinite alternate;
}
.subforum_minioff {
	background-position: 0 -10px;
}

.subforum_minioffclose {
	background-position: 0 -20px;
}

.subforum_miniofflink {
	background-position: 0 -30px;
}

table {
	color: #333;
	font-size: 16px;
}

.tborder {
	width: 90%;
	margin: auto auto;
	padding: 1px;
    box-shadow: inset -1px 0 0 rgba(104, 90, 83, 0.2);
}

.tfixed {
	table-layout: fixed;
	word-wrap: break-word;
}
.thead,
td.thead {
    background:
        radial-gradient(
            ellipse at top,
            rgba(255,255,255,0.05) 0%,
            transparent 60%
        ),
        linear-gradient(
            180deg,
            #27231f,
            #191714
        ) !important;

    box-shadow:
        inset 0 2px 10px rgba(255,255,255,0.03),
        inset 0 -8px 15px rgba(0,0,0,0.8);
height:35px;
    text-align: center;
color: white;
}


.thead a:link,
.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}


.thead a:hover,
.thead a:active {
    text-decoration: underline;
    border-bottom: none;
}
.thead a {
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.tcat {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 6px;
	font-size: 12px;
}

.tcat a:link {
	color: #fff;
}

.tcat a:visited {
	color: #fff;
}

.tcat a:hover,
.tcat a:active {
	color: #fff;
}
.trow1 {
    background: #dad3cc;
    color: #000;       /* Ein dunkles Braun für die Schrift */
box-shadow: inset -1px 0 0 rgba(104, 90, 83, 0.2);
}

.trow2 {
    background: #bcafa4; /* Der etwas dunklere, kontrastierende Ton */
    color: #000;       /* Dieselbe dunkle Schriftfarbe */
box-shadow: inset -1px 0 0 rgba(104, 90, 83, 0.2);
}
.trow_shaded {
	background: #ffdde0;
	border: 1px solid;
	border-color: #fff #ffb8be #ffb8be #fff;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #ffdde0;
}

.thread_start_datetime {
	color: #999;
}

.post.unapproved_post .post_author {
	border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
	border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
	border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
	background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
	background: #FFFBD9;
	color: #333;
	border-right-color: #F7E86A;
	border-bottom-color: #F7E86A;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
	color: #333;
}

.trow_sep {
	background: #ddd;
	color: #333;
	border-bottom: 1px solid #c5c5c5;
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
    border-top: 1px solid #3a3530;
    padding: 6px;
    background: #302b27;
    color: #f0e1d2;
}

.tfoot a:link {
    color: #bfa38a;
    text-decoration: none;
}

.tfoot a:visited {
    color: #bfa38a;
    text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
    color: #f0e1d2;
    text-decoration: underline;
}
.thead input.textbox,
.thead select {
	border: 1px solid #263c30;
}

.bottommenu {
	background: #efefef;
	color: #333;
	border: 1px solid #4874a3;
	padding: 10px;
}


.smalltext {
	font-size: 12px;
color: #211f1d;
}
.smalltextthead {
	font-size: 12px;
color: #ada196;
}
.largetext {
	font-size: 25px;
	font-weight: bold;
	color: #703a00; !important;
}

fieldset {
	padding: 12px;
	border: 1px solid #ddd;
	margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
	border-color: #bbb;
}

fieldset.align_right {
	text-align: right;
}

input.textbox {
	background: #ffffff;
	color: #333;
	border: 1px solid #ccc;
	padding: 3px;
	outline: 0;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

input.textbox.portal_search {
    width: 68%;
}

textarea {
	background: #ffffff;
	color: #333;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 1.4;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

select {
	background: #ffffff;
	padding: 3px;
	border: 1px solid #ccc;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

button,
input.button {
	padding: 3px 8px;
	cursor: pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	background: #eee url(../../../images/buttons_bg.png) repeat-x;
	border: 1px solid #bbb;
	color: #333;
	outline: 0;
}

button:hover,
input.button:hover {
	border-color: #aaa;
}

form {
	margin: 0;
	padding: 0;
}

input.error, textarea.error, select.error {
	border: 1px solid #f30;
	color: #f30;
}

input.valid, textarea.valid, select.valid {
	border: 1px solid #0c0;
}

label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 11px;
}

form #message {
	width: 500px;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #ccc;
}

.post .editor_control_bar {
	background: #f5f5f5;
}

.popup_menu {
	background: #241a12;
}

.popup_menu .popup_item {
	background: #efefef;
	color: #333;
}

.popup_menu .popup_item:hover {
	background: #0072BC;
	color: #fff;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

img {
	border: none;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background: #FFFBD9;
	border-bottom: 1px solid #F7E86A;
	color: #333;
	text-align: center;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

.tcat_menu > .expcolimage {
	margin-top: 0;
}

blockquote {
	border: 1px solid #ccc;
	margin: 0;
	background: #fff;
	padding: 10px;
}

blockquote cite {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-style: normal;
	display: block;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

blockquote cite > span {
	float: right;
	font-weight: normal;
	font-size: 12px;
	color: #666;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
    white-space: pre-wrap;
    word-break: break-all;
    tab-size: 4;
}


.smilie {
	vertical-align: middle;
}

.smilie_pointer {
	cursor: pointer;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 4px;
	white-space: nowrap;
	text-decoration: none;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}
.pm_alert {
	background: #0f0c0a;
	border: 1px solid #2f251e;
	color: #d6a45f !important;
	text-align: center;
	padding: 6px 18px;
	margin: 0 20px 8px auto;
	width: 520px;
	box-sizing: border-box;
	font-size: 13px;
	animation: pmAlertIn 0.4s ease-out;
text-decoration: none;
}

@keyframes pmAlertIn {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.red_alert {
	background: #FBE3E4;
	border: 1px solid #A5161A;
	color: #A5161A;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
	word-wrap: break-word;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert a:active {
	color: #A5161A;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

.imminent_banned {
	color: #880000;
}

.high_banned {
	color: #FF0000;
}

.moderate_banned {
	color: #FF6600;
}

.low_banned {
	color: #008000;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

div.error {
	padding: 5px 10px;
	border: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #333;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(../../../images/error.png) no-repeat 0;
}

div.error ul {
	margin-left: 24px;
}

/* Der Haupt-Container für die Seitenzahlen */
.pagination {
    font-size: 12px;
    padding-top: 10px;
    margin-bottom: 5px;
    display: inline-flex;
    align-items: center;
    gap: 6px; 
	padding-bottom: 15px;
}

.tfoot .pagination,
.tcat .pagination {
    padding-top: 0;
}

/* Der Text "Seiten (2):" */
.pagination .pages {
    font-weight: bold;
    color: #ada196;            /* Helles Beige/Weiß passend zur Schrift oben */
    margin-right: 5px;
}

/* Formatierung für alle Zahlen-Links UND die aktuelle Seite */
.pagination .pagination_current,
.pagination a {
    padding: 5px 10px;         /* Macht die Schaltflächen etwas größer und griffiger */
    border-radius: 3px;        /* Leicht abgerundete Ecken */
    text-decoration: none;     /* Entfernt die hässliche Unterstreichung */
    display: inline-block;
}

/* Die normalen, anklickbaren Seitenzahlen und Weiter-Buttons */
.pagination a {
    background: #211b17;       /* Tiefschwarzer/dunkler Hintergrund wie die Navigation */
    border: 1px solid #2a2219; /* Dunkelgoldener/brauner Rand */
    color: #bfa38a;          /* Goldene Schriftfarbe */
    transition: all 0.2s ease;
}

/* Wenn man mit der Maus über eine Seitenzahl fährt */
.pagination a:hover {
    background: #1a1510;       /* Leicht helleres Dunkelbraun beim Hovern */
    color: #fff;               /* Schrift wird weiß */
    border-color: #b86f2e;     /* Rand leuchtet golden auf */
}

/* Die aktuell aktive Seite (die Seite auf der man gerade liest) */
.pagination .pagination_current {
    background: #bfa38a;       /* Goldener Hintergrund */
    color: #0d0d0d;            /* Dunkle Schrift auf dem goldenen Hintergrund */
    border: 1px solid #b86f2e;
    font-weight: bold;
}

/* Das kleine Icon/Menü für die manuelle Seiteneingabe */
.pagination .go_page img {
    vertical-align: middle;
    filter: sepia(1) saturate(5) hue-rotate(340deg); /* Färbt MyBB-Standardgrafiken leicht gold ein */
}

.drop_go_page {
    background: #0d0d0d;
    border: 1px solid #b86f2e;
    padding: 6px;
    color: #fff;
}

/* Falls die Seitenzahlen innerhalb von Breadcrumbs genutzt werden */
.pagination_breadcrumb {
    background-color: #0d0d0d;
    border: 1px solid #2a2219;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}


.drop_go_page {
	background: #f5f5f5;
	padding: 4px;
}

.pagination_breadcrumb {
	background-color: #efefef;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

#posts_container {
	padding: 0;
}

.ignored_post {
	border-top: 3px solid #333;
	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 {
	border-top: 2px solid #ccc;
	padding: 15px;
}

.deleted_post_collapsed {
	border-top: 3px solid #333;
	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 {
    overflow: hidden;
    background: #12100f !important;
    border: 1px solid #3d342f !important;
    margin-bottom: 15px !important;
}

.post.classic {
    padding-top: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Linke Autoren-Spalte reparieren */
.post .post_author,
.post.classic .post_author {
    border: none !important;
    border-right: 1px solid #3d342f !important;
    background: #1a1716 !important;
    padding: 15px !important;
    overflow: hidden;
    float: none !important; /* Floats aufheben */
    width: 220px !important;
    min-width: 220px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.post .post_author .buddy_status {
    vertical-align: middle;
    margin-top: -4px;
}

/* Avatar-Styling im Dark Mode */
.post .post_author div.author_avatar,
.post.classic .post_author div.author_avatar {
    float: none !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    margin-right: 0 !important;
}

.post .post_author div.author_avatar img {
    padding: 3px !important;
    border: 1px solid #3d342f !important;
    background: #12100f !important;
    max-width: 150px !important;
    height: auto !important;
}

/* Autoren-Text & Statistiken */
.post .post_author div.author_information,
.post.classic .post_author div.author_information {
    float: none !important;
    padding: 0 !important;
    text-align: center !important;
    color: #d4c5b9 !important;
}

.post .post_author div.author_statistics,
.post.classic .post_author div.author_statistics {
    border-top: 1px dotted #3d342f !important;
    margin: 10px 0 0 0 !important;
    padding: 8px 0 0 0 !important;
    float: none !important;
    font-size: 11px !important;
    color: #a89f91 !important;
    line-height: 1.4 !important;
    text-align: left !important;
}
.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: #666;
}

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

.post .post_head span.edited_post a {
	color: #666;
}

.post_body {
	font-size: 14px;
}

.post.classic .post_content {
	float: left;
	width: 79%;
	padding: 0 1% 5px 1%;
}

.post_content {
	padding: 9px 10px 5px 10px;
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px dotted #ddd;
	padding: 10px 0 4px 0;
}

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

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #777;
}

.post_controls {
	clear: both;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	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;
	background: #eee url(../../../images/buttons_bg.png) repeat-x;
	border: 1px solid #ccc;
	color: #555;
}

.postbit_buttons > a:hover {
	border-color: #bbb;
}

.postbit_buttons a span {
	padding-left: 20px;
	display: inline-block;
	height: 16px;
	background-image: url(../../../images/buttons_sprite.png);
	background-repeat: no-repeat;
}

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

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	display: inline-block;
	padding: 4px 8px;
	margin: 2px 2px 6px 2px;
	border: 1px solid #000;
	font-size: 14px;
}

a.button.small_button {
	font-size: 13px;
	margin: 0;
	padding: 3px 6px;
}

a.button span {
	padding-left: 20px;
	display: inline-block;
	background-image: url(../../../images/buttons_sprite.png);
	background-repeat: no-repeat;
}

a.button.new_thread_button span {
	background-position: 0 -340px;
}

a.button.new_reply_button span {
	background-position: 0 -360px;
}

a.button.closed_button span {
	background-position: 0 -380px;
}

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

a.button.add_buddy_button span {
	background-position: 0 -440px;
}

a.button.remove_buddy_button span {
	background-position: 0 -480px;
}

a.button.add_ignore_button span {
	background-position: 0 -460px;
}

a.button.remove_ignore_button span {
	background-position: 0 -500px;
}

a.button.report_user_button span {
	background-position: 0 -520px;
}

.quick_jump {
	background: url(../../../images/jump.png) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	margin-top: -3px;
	border: none;
}

.pollbar {
	background: url(../../../images/pollbar.png) top left repeat-x;
	border: 1px solid #3f3f3f;
	height: 10px;
}

.pollbar .percent {
	display: none;
}

.poll_votedfor {
	background: #efefef;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.posticons_label {
	white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
	position: absolute;
}

.ie6.top-right {
	right: auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
	z-index: 9999;
	color: #ffffff;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: fixed;
}

.jGrowl.top-left {
	left: 0px;
	top: 0px;
}

.jGrowl.top-right {
	right: 0px;
	top: 0px;
}

.jGrowl.bottom-left {
	left: 0px;
	bottom: 0px;
}

.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}

.jGrowl.center {
	width: 50%;
	top: 0px;
	left: 25%;
}

/** Cross Browser Styling **/

.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}

.jGrowl-notification {
	background-color: transparent;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	transform: scale(1);
	width: 250px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	word-break: break-all;
}

.jGrowl .jGrowl-notification {
	min-height: 40px;
}

.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.jGrowl-notification .jGrowl-header {
	font-weight: bold;
	font-size: .85em;
}

.jGrowl-notification .jGrowl-close {
	background-color: transparent;
	color: inherit;
	border: none;
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}

.jGrowl-closer {
	background-color: #000000;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	transform: scale(1);
	width: 250px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	display: none;
	border-radius: 5px;
	word-break: break-all;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}

.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.jGrowl .jGrowl-notification.jgrowl_success {
    background: lightgreen;
    border: 1px solid lightgreen;
    color: #333;
}

.jGrowl .jGrowl-notification.jgrowl_error {
    background: red;
    border: 1px solid red;
    color: #333;
}

.jGrowl .jGrowl-notification.jgrowl_process, .jGrowl .jGrowl-closer {
    background: yellow;
    border: 1px solid yellow;
	color: #333;
}

/** Hide jGrowl when printing **/
@media print {
	.jGrowl {
		display: none;
}


}

/** jGrowl End **/

/** Modal Start **/

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	text-align: center;
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(../../../images/close.png) no-repeat 0 0;
	z-index: 2;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(../../../images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v6.2.3 - 2016-04-23
* http://trentrichardson.com/Impromptu
* Copyright (c) 2016 Trent Richardson; Licensed MIT */

.jqifade{
	position: absolute;
	background-color: #777777;
}

iframe.jqifade{
	display:block;
	z-index:-1;
}

div.jqi{
	width: 400px;
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}

div.jqi .jqicontainer{
}

div.jqi .jqiclose{
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}

div.jqi .jqistate{
	background-color: #fff;
}

div.jqi .jqititle{
	padding: 5px 10px;
	font-size: 16px;
	line-height: 20px;
	border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage{
	padding: 10px;
	line-height: 20px;
	color: #444444;
	overflow: auto;
}

div.jqi .jqibuttonshide{
	display: none;
}

div.jqi .jqibuttons{
	text-align: right;
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4;
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button{
	margin: 0;
	padding: 15px 20px;
	background-color: transparent;
	font-weight: normal;
	border: none;
	border-left: solid 1px #e4e4e4;
	color: #777;
	font-weight: bold;
	font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton{
	color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
	color: #287ade;
	outline: none;
}

div.jqi .jqibuttons button[disabled]{
	color: #aaa;
}

.jqiwarning .jqi .jqibuttons{
	background-color: #b95656;
}

/* sub states */
div.jqi .jqiparentstate::after{
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.jqi .jqisubstate{
	position: absolute;
	top:0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button{
	padding: 10px 18px;
}

/* arrows for tooltips/tours */
.jqi .jqiarrow{
 position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;
}

.jqi .jqiarrowtl{
 left: 10px; top: -20px; border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc{
 left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px;
}

.jqi .jqiarrowtr{
 right: 10px; top: -20px; border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl{
 left: 10px; bottom: -20px; border-top-color: #ffffff;
}

.jqi .jqiarrowbc{
 left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px;
}

.jqi .jqiarrowbr{
 right: 10px; bottom: -20px; border-top-color: #ffffff;
}

.jqi .jqiarrowlt{
 left: -20px; top: 10px; border-right-color: #ffffff;
}

.jqi .jqiarrowlm{
 left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px;
}

.jqi .jqiarrowlb{
 left: -20px; bottom: 10px; border-right-color: #ffffff;
}

.jqi .jqiarrowrt{
 right: -20px; top: 10px; border-left-color: #ffffff;
}

.jqi .jqiarrowrm{
 right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px;
}

.jqi .jqiarrowrb{
 right: -20px; bottom: 10px; border-left-color: #ffffff;
}

/* ==========================================
   1. DAS HAUPTELEMENT (Die Leiste selbst)
   ========================================== */
.navigation {
    color: #987C52;
    font-size: 16px;
    margin-bottom: 5px; /* Reduzierter Abstand nach unten */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 8px 0;    /* Nutzt Padding statt fester 50px Höhe */
    width: 100%;
}

/* ==========================================
   2. STYLING DER LINKS & TEXTE
   ========================================== */
/* Styling für die Links */
.navigation a:link, .navigation a:visited, .navigation a:active {
    color: #d4b28c;
    text-decoration: none;
    font-weight: bold;
}

.navigation a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Styling für die aktuelle Position */
.navigation .active {
    color: #afa493;
    font-weight: normal;
 font-size: 18px;
}

/* Versteckt den alten Forennamen beim ersten Link */
.navigation a:first-child {
    font-size: 0 !important;
    display: inline-flex;
    align-items: center;
}

/* Setzt das Wort HOME sauber ein */
.navigation a:first-child::before {
    content: "HOME";
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}

/* ==========================================
   3. PFEIL-LOGIK (KORRIGIERT)
   ========================================== */
/* Verpasst NUR echten Links und dem aktiven Text im Pfad einen Pfeil */
.navigation a::after,
.navigation .active::after {
    content: "»" !important;
    margin-left: 8px;
    margin-right: 4px;
    color: #a67c52;
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
}

/* KORREKTUR: Entfernt den Pfeil exakt vom allerletzten sichtbaren Element am Pfad-Ende */
.navigation span.active::after, 
.navigation .nav_bit:last-of-type::after {
    content: none !important;
}

.characterhall-header {
    position: relative;
}

.characterhall-header > img {
    width: 80%;
    height: auto;
    max-width: 100%;
    margin: auto;
    display: block;
}

.characterhall-logo {
    position: absolute;
    
    /* Position auf dem Bild */
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);

    /* Schrift */
    font-family: Lato;
    font-size: 34px; 
    letter-spacing: 30px;
    
    /* Farbe */
    color: #D6BE8A !important;
    
    /* Kein Unterstrich */
    text-decoration: none;
    
    /* dezenter Fantasy-Glow */
    text-shadow:
        0 2px 4px rgba(0, 0, 0, 0.95),
        0 0 8px rgba(0, 0, 0, 0.9),
        0 0 14px rgba(224, 189, 118, 0.25);    
    white-space: nowrap;    
    z-index: 10;
border: none !important;
  text-decoration: none !important;
}

.characterhall-logo:hover {
    color: #f0d99a;
}
.characterhall-subtitle {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translateX(-50%);
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 12px;
    color: #fff !important;
    text-shadow:
        0 1px 20px rgba(184, 0, 0, 0.95),
        0 0 16px rgba(251, 5, 5, 0.8);
    white-space: nowrap;
    z-index: 10;
}
/* Vorlage für das spätere Drehen */
@keyframes portal-drehen {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Vorlage für das sanfte Pulsieren */
@keyframes portal-leuchten {
    from { 
        filter: drop-shadow(0 0 4px rgba(245, 166, 35, 0.6)) 
                drop-shadow(0 0 1px rgba(245, 166, 35, 0.4)); 
    }
    to { 
        filter: drop-shadow(0 0 12px rgba(255, 140, 0, 1)) 
                drop-shadow(0 0 4px rgba(255, 200, 0, 1)); 
    }
}
/* --- Neues, vereinfachtes Thread-Icon-Design --- */

/* 1. Richtet die gesamte Zeile linksbündig aus */
td.thread_title_cell,
td[colspan="3"].thread_title_cell {
    text-align: left !important;
    vertical-align: middle !important;
    padding: 0 !important;
}
/* Das Steinkreis-Element nimmt die volle Größe deines Photoshop-Designs ein */
span.thread_status, 
[class*="thread_status"] {
    display: block !important;
    width: 50px !important;  /* Hier die genaue Pixel-Breite deiner fertigen Grafik eintragen */
    height: 50px !important; /* Hier die genaue Pixel-Höhe deiner fertigen Grafik eintragen */
    margin: 0 auto !important;
    background-image: url(../../../images/stickyshield.png) !important;
    background-repeat: no-repeat !important;
}

/* --- Photoshop CSS-Sprite Weichen --- */
/* Hier sagst du MyBB, an welcher Pixel-Position das jeweilige fertige Icon im Bild liegt */

/* Normales, gelesenes Thema */
span.folder, .folder { 
    background-position: 0 0 !important; 
}

/* Neues, ungelesenes Thema */
span.newfolder, .newfolder { 
    background-position: 0 -40px !important; /* Pixelwert nach Bedarf anpassen */
}

/* Geschlossenes Thema (mit integriertem Schloss aus Photoshop) */
span.closefolder, .closefolder,
span.lock_folder, .lock_folder,
span.dot_closefolder, .dot_closefolder,
span.newclosefolder, .newclosefolder { 
    background-position: 0 -80px !important; /* Pixelwert nach Bedarf anpassen */
}
/* --- Separate Thread-Icons (Global.css) --- */

/* 1. Zwingt die Tabellenspalte auf die richtige Doppel-Breite */
td.rgp_thread_icon_cell,
.forumdisplay_regular,
table th.forumdisplay_regular,
td[width="2%"] {
    width: 50px !important;
    min-width: 50px !important;
    padding: 0 5px !important;
    vertical-align: middle !important;
}
/* --- MyBB Thread-Icons Optik-Finishing --- */
/* --- Modernes Flexbox Thread-Design --- */

/* Zwingt den Flex-Inhalt mit einem negativen Margin nach links */
/* 2. Der Flexbox-Wrapper (KEIN negativer Margin mehr!) */
.rgp_thread_flex_wrapper {
    display: flex !important;
    align-items: center !important; 
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 12px !important;           
    padding: 12px 15px !important;   
    width: 100% !important;
    box-sizing: border-box !important;
}
/* Verhindert, dass der Text umbricht oder verrutscht */
.rgp_thread_text_container {
    display: block !important;
    text-align: left !important;
}
/* 3. Das Icon-Element selbst bleibt perfekt dimensioniert */
span.thread_status, 
[class*="thread_status"] {
    display: block !important;
    width: 50px !important;  
    height: 50px !important; 
    margin: 0 !important; /* Entfernt die automatische Zentrierung, die die Leere erzeugt hat */
    background-image: url(https://characterhall.de/images/stonethread.png) !important; 
    background-repeat: no-repeat !important;
    background-position: 0 0 !important; 
    content: "" !important;
}

/* 4. Tauscht das Bild bei geschlossenen Themen aus */
span.closefolder, .closefolder,
span.lock_folder, .lock_folder,
span.dot_closefolder, .dot_closefolder,
span.newclosefolder, .newclosefolder { 
    background-image: url(https://characterhall.de/images/stonethreadsticky.png) !important; 
    background-position: 0 0 !important; 
}
/* --- Hintergrund für den Beitragstext --- */
.post_content {
    background: #f0e1d2 !important; /* Helles Beige für perfekten Lesekontrast */
    color: #221a14 !important;      /* Dunkelbraune/Schwarze Schriftfarbe für gute Lesbarkeit */
    padding: 15px !important;       /* Innenabstand, damit der Text nicht am Rand klebt */
    border-radius: 4px !important;  /* Optionale, dezente Abrundung der Kanten */
}
/* --- Postbit auf Links-Ausrichtung umstellen --- */
/* --- Postbit Modernes Spalten-Layout --- */

/* Macht aus dem Beitrag eine Reihe: Links Autor, rechts Inhalt */
.rgp_post_flex_box {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    background: #2e2218 !important; /* Dunkler Beitrags-Hintergrund */
    border: 1px solid #4a3b2f !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}

/* Die linke Spalte für den Avatar und die Benutzerinfos */
.rgp_post_left_side {
    width: 200px !important;
    min-width: 200px !important;
    flex-shrink: 0 !important;
    padding: 20px 15px !important;
    text-align: center;
    background: #c3b6aa !important/* Leicht dunkler Kontrast links */
    text-align: center !important;
}

/* Die rechte Spalte für den gesamten Text und die Buttons */
.rgp_post_right_side {
    flex-grow: 1 !important;
    padding: 5px !important;
    display: flex !important;
    flex-direction: column !important; /* Stapelt Inhalt von oben nach unten */
    justify-content: space-between !important;
}

/* Der große, beige Textblock für den Beitrag */
.rgp_actual_text_block {
    background: #f0e1d2 !important;
    color: #221a14 !important;
    padding: 30px !important;
    border-radius: 4px !important;
    flex-grow: 1 !important; /* Drückt die Buttons nach unten */
    margin-bottom: 5px !important; /* Fester Abstand vor den Buttons */
}

/* Die Button-Leiste am absoluten Boden */
.rgp_buttons_footer {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important; /* Schiebt Buttons nach rechts unten */
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
	background:#241a12;
}

/* Richtet die MyBB-Buttons im Footer sauber aus */
.rgp_buttons_footer a, 
.rgp_buttons_footer div {
    display: inline-block !important;
}
/* Zwingt das Postbit-Element, sich unter allen Umständen horizontal auszurichten */
.rgp_post_flex_box, 
div.post, 
[class*="rgp_post_flex_box"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
}
/* --- Profilspalte links korrigieren --- */
.rgp_post_left_side,
div.post_author,
.post .post_author {
    background: #241a12 !important; /* Entfernt das Blau und erzwingt das dunkle Foren-Braun */
    background-image: none !important; /* Löscht eventuelle MyBB-Hintergrundbilder */
    color: #debc85 !important;
}
/* --- Neues, unzerbrechliches RPG Button-Design --- */

/* Formatiert die neuen Text-Buttons im Footer */
.rgp_buttons_footer a.rgp_btn {
    display: inline-block !important;
    background: #382a1e !important;               /* Warmes Dunkelbraun */
    color: #debc85 !important;                    /* Gold-beige Schrift */
    border: 1px solid #4a3b2f !important;         /* Feiner Rahmen */
    border-radius: 4px !important;                /* Subtile Eckenrundung */
    padding: 6px 14px !important;                 /* Angenehme Button-Größe */
    font-size: 11px !important;                   
    font-weight: bold !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: all 0.2s ease-in-out !important;
    margin-left: 6px !important;
}

/* Der edle Leuchteffekt beim Drüberfahren (Hover) */
.rgp_buttons_footer a.rgp_btn:hover {
    background: #4a3b2f !important;               /* Wird etwas heller */
    color: #f9f9f9 !important;                       /* Schrift leuchtet weiß */
    border-color: #debc85 !important;             /* Rahmen glänzt gold */
    box-shadow: 0 0 8px rgba(222, 188, 133, 0.5) !important; /* Magischer Glow */
}
/* Blendet die Modus-Auswahl (Baumstruktur/Linear) in der Themenansicht komplett aus */
.thread_modes, 
[class*="thread_modes"],
div.thread_modes {
    display: none !important;
}
/* --- Neuer, sicherer Container für den Antworten-Button --- */
/* --- Sicherer Container für den Antworten-Button --- */
.rgp_showthread_footer_container {
    display: block !important;
    width: 100% !important;
    /* Hier nutzen wir denselben Max-Width-Wert wie dein Beitragsblock, damit sie rechts bündig abschließen */
    max-width: 1380px !important;    
    margin: 15px auto !important;   /* Das 'auto' zentriert den gesamten Button-Kasten genau wie das Forum */
    text-align: right !important;   /* Schiebt den Button innerhalb dieser Grenzen nach rechts */
    padding-right: 15px !important; /* Der feste Sicherheitsabstand zur Kante */
    box-sizing: border-box !important;
    clear: both !important;
}

/* Setzt alle unkontrollierten MyBB-Verschiebungen zurück */
.rgp_showthread_footer_container a.new_reply_button {
    display: inline-block !important;
    float: none !important;
    position: static !important;
    margin: 0 !important;
}

/* Holt den Button absolut sicher zurück ins Sichtfeld */
.rgp_showthread_footer_container a.new_reply_button {
    display: inline-block !important;
    float: none !important;
    position: static !important;    /* Setzt alle alten Verschiebungen komplett zurück */
    margin: 0 !important;
}
/* --- NUR den Avatar im Profil vergrößern --- */

/* :first-of-type sorgt dafür, dass NUR das erste Bild (der Avatar) getroffen wird */
.rgp_post_left_side > img:first-of-type,
.rgp_post_left_side .author_avatar img,
div.post_author > img:first-of-type {
    width: 200px !important;        
    height: 300px !important;       
    object-fit: cover !important;   
    border: 1px solid #4a3b2f !important; 
    border-radius: 4px !important;  
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0) !important; 
    margin-bottom: 6px !important; 
	text-align:center;
}
/* --- Zarte Trennlinie NUR im linken Profilbereich --- */
hr.rgp_profile_divider {
    border: 0 !important;
    border-top: 1px solid #f46847!important; /* Betrifft NUR Linien mit dieser Klasse */
    margin: 12px 0 !important;               
    width: 100% !important;
}
/* --- Headerbild-Fix gegen Verzerrung --- */
img.rgp_header_banner {
    width: auto !important;          /* Lässt das Bild in seiner echten Breite fließen */
    max-width: 100% !important;      /* Verhindert, dass es über den Bildschirmrand hinausragt */
    height: auto !important;         /* Zwingt das Seitenverhältnis stabil zu bleiben (keine Verzerrung!) */
    display: block !important;       /* Entfernt unschöne Abstände unter dem Bild */
    margin: 0 auto !important;       /* Zentriert das Headerbild perfekt in der Mitte */
}
/* Hauptbalken unter dem Banner */
#panel.custom-header-menu {
    background: #151515; /* Sehr dunkles Grau/Schwarz */
    padding: 12px 0;
    width: 100%;
    display: block !important;
    position: relative !important;
    border-bottom: 2px solid #2a2a2a;
    box-sizing: border-box;
}

/* Flexbox sorgt dafür, dass Text links und Links rechts stehen */
#panel.custom-header-menu .wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-sizing: border-box;
    max-width: 1000px; /* Falls dein Forum eine andere Breite hat, hier anpassen */
    margin: 0 auto;
    padding: 0 15px;
}

/* Linke Seite: Willkommenstext */
.welcome-text-left {
    color: #dfcbb5 !important;
    font-size: 13px;
    font-weight: normal;
}

.welcome-text-left strong {
    color: #ffffff !important;
}

.welcome-text-left .logout {
    margin-left: 10px;
    color: #ff6666 !important; /* Rötlicher Logout-Link */
    text-decoration: none;
}

/* Rechte Seite: Die Menüpunkte */
.welcome-links-right ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.welcome-links-right li {
    display: inline-block !important;
    margin-left: 20px !important;
    padding: 0 !important;
}

.welcome-links-right a {
    color: #dfcbb5 !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: bold;
    transition: color 0.2s ease;
}

.welcome-links-right a:hover {
    color: #ffffff !important;
}
/* ==========================================================================
   NEUES FANCY PANEL DESIGN (EDLER LEDER-LOOK + FLEX-STRUKTUR)
   ========================================================================== */

/* Der gesamte Menübalken */
#panel {
    background: linear-gradient(to bottom, #1a1512 0%, #0d0a08 100%) !important;
    border-top: 1px solid #3a2e24 !important;
    border-bottom: 1px solid #3a2e24 !important;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8) !important;
    padding: 12px 40px !important; /* Komfortabler Seitenabstand */
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important; /* Drückt den Text nach links und das Menü nach rechts */
    align-items: center !important;
}

/* Deaktiviert alte MyBB-Zwischenboxen, damit die Links-/Rechts-Aufteilung greift */
#panel .wrapper, 
#panel .rgp_userbar, 
#panel .rgp_welcome,
#panel .custom-header-menu {
    display: contents !important;
}
/* Alte MyBB-Sprite-Icons im neuen Panel deaktivieren */
#panel ul.menu.panel_links a {
    background-image: none !important;
    padding-left: 0 !important;
}
#panel ul.menu.panel_links a::before {
    display: inline-block;
    margin-right: 7px;
    font-size: 12px;
    line-height: 1;
    transform: translateY(-1px);
    color: #f6a53d;
}

#panel ul.menu.panel_links a.link_register::before {
    content: "⌕";
}

#panel ul.menu.panel_links a.usercp::before {
    content: "♙";
}

#panel ul.menu.panel_links a.modcp::before {
    content: "⚔";
}

#panel ul.menu.panel_links a.admincp::before {
    content: "⚿";
}
/* Linker Text-Block (Willkommen zurück...) */
.welcome-left-block {
    color: #dfcbb5 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    white-space: nowrap !important;
}

/* Rechter Link-Block (Das Menü) */
.welcome-right-block ul {
    display: flex !important;
    flex-direction: row !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Abstand für jeden einzelnen Link im Menü */
.welcome-right-block li {
    display: inline-block !important;
    margin-left: 25px !important; /* Platz zwischen den einzelnen Links */
    padding: 0 !important;
    white-space: nowrap !important;
}

/* Styling der Links (Großbuchstaben und dezenter Abstand) */
#panel a {
    color: #dfcbb5 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
}

/* Edles Aufglühen beim Drüberfahren (Hover-Effekt) */
#panel a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.6) !important;
}

/* Optische Aufwertung für den Abmelden-Link */
#panel .logout {
    color: #ff6666 !important;
    margin-left: 15px !important;
}

/* Entfernt störende, alte MyBB-Hintergrund-Icons (Lupen etc.) vor den Links */
.welcome-right-block li a {
    background: none !important;
    padding-left: 0 !important;
}
#panel .logout {
    display: inline-block !important;
    margin-left: 8px !important;
}
/* Definiert einen festen, symmetrischen Abstand für den Foren-Text */
table.tborder td.trow1, table.tborder td.trow2 {
    padding: 15px 20px !important;
    vertical-align: middle !important;
}

/* Richtet den gesamten Gästeblock aus */
.welcome_guest_bar {
    display: flex;
    justify-content: center; /* ÄNDERUNG: Zentriert den Inhalt horizontal */
    align-items: center;     /* Zentriert den Inhalt vertikal */
    gap: 40px;               /* Abstand zwischen Grußtext und den Links */
    padding: 2px 0;          /* Verhindert, dass die Box zu hoch wird */
    width: 100%;             /* Stellt sicher, dass die Box die volle Breite nutzt */
}

/* Der graue Begrüßungstext */
.welcome_guest_bar .guest_text {
    color: #666666; /* Dezentes Grau, passend zum "Willkommen zurück" */
    font-size: 13px;
}

/* Styling für die Links (Anmelden & Registrieren) */
.welcome_guest_bar .guest_links a {
    color: #d4b28c; /* Ihr edler Gold-Ton */
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase; /* Schreibt die Links komplett in Großbuchstaben */
    font-size: 12px;
    letter-spacing: 0.5px;
    transition: color 0.2s ease;
}

/* Hover-Effekt für die Links */
.welcome_guest_bar .guest_links a:hover {
    color: #ffffff; /* Wird beim Drüberfahren weiß */
}

/* Der kleine Trennpunkt zwischen den Links */
.welcome_guest_bar .link_sep {
    color: #4a3c2c;
    margin: 0 4px;
    font-size: 12px;
}
.profil-header-custom {
    background: #bcafa4 !important; /* Heller Tabellen-Hintergrund */
    color: #703a00 !important; /* Dunkelbraune Schrift für optimalen Kontrast */
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Der leuchtende/schattierte Effekt passend zum Design */
    margin-bottom: 15px;

 /* Der innere Rahmen */
    outline: 2px solid #7d634d; /* Feine, dunkelbraune Linie */
    outline-offset: -8px; /* Schiebt die Linie um 8 Pixel nach innen */
}

/* Sorgt dafür, dass der Username ("Heliar") gut lesbar bleibt */
.profil-header-custom .largetext, 
.profil-header-custom strong {
    color: #68ff00 !important;
}
.postbit-erfahrung-container {
    font-size: 11px !important; /* Macht den gesamten Block deutlich kleiner */
    line-height: 1.4 !important; /* Engerer Zeilenabstand für die Umbrüche */
    color: #bfa38a !important; /* Dezenter Sandton für eine edle Optik */
    margin-top: 8px; /* Abstand nach oben */
    text-align: left; /* Richtet den Text linksbündig aus */
}

/* Falls du das Wort "Erfahrung:" farblich hervorheben willst */
.postbit-erfahrung-container strong {
    color: #ce1919 !important; /* Etwas dunkleres Braun */
    font-size: 11px !important;
	text-shadow: 0 0 10px rgb(190, 157, 123);
}
/* Erzwingt das Design, selbst wenn die Benutzergruppe ein anderes Style-Attribut vorgibt */
.author_information strong a span,
.author_information a span,
.author_information em {
    font-style: normal !important; /* Entfernt das Kursive (em), falls unerwünscht */
    font-size: 20px !important;
}

/* Der passende Abstand für das umschließende Element */
.author_information {
    margin-bottom: 6px !important;
    display: block;
text-align: center;
}
/* 1. Rettung für den Usernamen im Profil-Header */
.profil-header-custom .largetext strong span,
.profil-header-custom .largetext span,
.profil-header-custom .largetext em {
    color: #2c1a11 !important; /* Ein schönes, dunkles Braun für perfekten Kontrast auf hellem Grund */
    font-style: normal !important; /* Entfernt das Kursive für einen modernen Look */
    font-size: 22px !important; /* Macht den Namen im Profil schön groß und dominant */
}

/* 2. Rettung für die kleinen Profildaten unter dem Namen */
.profil-header-custom .smalltext,
.profil-header-custom .smalltext strong,
.profil-header-custom .smalltext span {
    color: #4a2e1b !important; /* Dunkelbraune Schrift für optimale Lesbarkeit der Daten */
}
/* --- OPTIK FÜR DIE NEUE AVATAR-PROFILBOX --- */

/* Verhindert, dass der Avatar die Box zerschießt und passt ihn an Ihr Postbit-Design an */
.rgp-profile-avatar-box img {
    max-width: 150px !important;
    height: auto !important;
    object-fit: cover !important;
    border: 1px solid #4a3b2f !important; 
    border-radius: 4px !important;
}

/* Sorgt für ein schönes, dunkles Braun beim Usernamen auf dem hellen Pfirsich-Hintergrund */
.rgp-profile-name {
    font-size: 20px !important;
    font-weight: bold !important;
    color: #2c1a11 !important; 
    margin-bottom: 5px;
}

/* Erzwingt dunkle, gut lesbare Schriftfarben für die Profildaten in der neuen Box */
.rgp-profile-subtext,
.rgp-profile-subtext strong,
.rgp-profile-subtext span {
    color: #4a2e1b !important;
}
/* --- FIX FÜR DIE POSTBIT BUTTONS --- */
.rgp_buttons_footer .postbit_buttons a {
    display: inline-block !important;
    background: #382a1e !important;               /* Warmes Dunkelbraun */
    color: #debc85 !important;                    /* Gold-beige Schrift */
    border: 1px solid #4a3b2f !important;         /* Feiner Rahmen */
    border-radius: 4px !important;                /* Subtile Eckenrundung */
    padding: 6px 14px !important;                 /* Angenehme Button-Größe */
    font-size: 11px !important;                   
    font-weight: bold !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: all 0.2s ease-in-out !important;
    margin-left: 6px !important;
    box-shadow: none !important;
}

/* Entfernt das alte MyBB-Hintergrundbild und zwingt die Schriftfarbe */
.rgp_buttons_footer .postbit_buttons a span {
    background-image: none !important;
    padding-left: 0 !important;
    color: #debc85 !important;
}

/* Der edle Leuchteffekt beim Drüberfahren (Hover) */
.rgp_buttons_footer .postbit_buttons a:hover {
    background: #4a3b2f !important;               /* Wird etwas heller */
    border-color: #debc85 !important;             /* Rahmen glänzt gold */
    box-shadow: 0 0 8px rgba(222, 188, 133, 0.5) !important; /* Magischer Glow */
}

.rgp_buttons_footer .postbit_buttons a:hover span {
    color: #f9f9f9 !important;                    /* Schrift leuchtet weiß */
}

/* Fix für das Inline-Bearbeitungs-Dropdown */
.rgp_buttons_footer .postbit_buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 5px !important;
}
/* --- FORMATIERUNG FÜR TEXT-BASIERTE KOMMA-LISTEN --- */
.rgp-postbit-list {
    display: block !important;
    text-align: left !important;
    padding-left: 5px;
    margin-top: 3px;
    line-height: 1.5 !important;
}

/* Verwandelt jeden Zeilenumbruch im Profilfeld in ein Komma mit Leerzeichen */
.rgp-postbit-list br {
    display: inline !important;
    content: ", " !important;
}
/* ==========================================
   STECKBRIEF VORLAGE (CHAR-DATENBANK)
   ========================================== */

.sb-box {
    background: radial-gradient(ellipse at top, rgba(255,255,255,0.05), transparent 60%), 
                linear-gradient(180deg, #454443, #191714) !important;
    box-shadow: inset 0 2px 10px rgba(255,255,255,0.03), inset 0 -8px 100px rgba(0, 0, 0, 0.8);
    border: 3px solid #000; 
    border-radius: 8px;    
    margin: 15px auto; 
    color: #e3d5ca; 
    box-sizing: border-box;
    padding: 25px; /* Gleichmäßiger, sauberer Innenabstand */
    display: block; 
    width: 100%;
}

/* Verhindert, dass nachfolgende Elemente hochrutschen (Clearfix) */
.sb-box::after {
    content: "";
    display: table;
    clear: both;
}

/* MyBB-Zeilenumbrüche ignorieren */
.sb-box > br { 
    display: none !important; 
}

/* Avatar floatet links im Textfluss */
.sb-avatar {
    float: left;
    position: static !important;
    width: 200px;
    height: 300px;
    margin: 0 25px 20px 0 !important; /* Abstand nach rechts zu den Feldern und nach unten */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    border: 2px solid #231410;
    box-sizing: border-box;
}

/* Falls der MyCode ein <img> Tag nutzt */
.sb-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
}

/* Bereichs-Überschriften */
.sb-h2 {
font-size: 1.3em;
    color: #fbcaab;
    border-bottom: 2px solid #231410;
    padding-bottom: 5px;  
    margin-bottom: 15px;
    box-sizing: border-box;
    overflow: hidden; /* Weicht der Bildbox komplett aus */
}

.sb-h2:first-of-type { 
    margin-top: 0; 
}

/* Einzelne Datenfelder */
.sb-feld {
background: #2e2722;
    padding: 10px 14px;
    margin-bottom: 8px;
    border-left: 2px solid #f46847;
    border-radius: 0 4px 4px 0;
    box-sizing: border-box;
    display: block;
    overflow: hidden; /* Beginnt erst exakt rechts neben der Bildkante */
    box-shadow: inset 0 2px 10px rgba(255,255,255,0.03), inset 0 -2px 10px rgba(22, 16, 7, 0.8);
}

.sb-feld-label {
    font-weight: bold;
    color: #fb9350;
    display: inline-block;
    min-width: 150px;
    padding-right: 10px;
}

.sb-feld-wert {
    color: #e3d5ca;
}

/* Freitext-Blöcke */
.sb-text-block {
    background: #2e2722;
    padding: 15px;
    border: 1px solid #231410;
    border-radius: 4px;
    line-height: 1.6;
    margin-top: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 100%;
    clear: both; /* Fließtext-Abschnitte nutzen immer die volle Kastenbreite */
    box-shadow: inset 0 20px 20px rgba(255,255,255,0.03), inset 0 -10px 20px rgba(22, 16, 7, 0.8);
}

.sb-text-title {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: #fb9350;
}

/* Signatur-Trenner */
.sb-sig-wrap {
    max-width: 800px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 25px auto !important; /* Zentriert automatisch ohne Pixelversatz */
    box-sizing: border-box;
}

.sb-sig-wrap img,
.sb-signatur {
    display: block;
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    box-sizing: border-box;
}
#footer {
    /* Farbverlauf und Rahmen exakt vom #panel übernommen */
    background: linear-gradient(to bottom, #1a1512 0%, #0d0a08 100%) !important;
    border-top: 1px solid #3a2e24 !important;
    border-bottom: 1px solid #3a2e24 !important;
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.8) !important;
    
    /* Abstände und Trennung nach oben */
    padding: 15px 0; 
}

.custom-footer-content {
    text-align: center;
    color: #aaaaaa;
    font-size: 13px;
    line-height: 1.8;
}

.footer-links a {
    /* Helle Links passend zum oberen Menü */
    color: #ffffff;
    text-decoration: none;
    margin: 0 8px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: color 0.2s ease-in-out;
}

.footer-links a:hover {
    /* Nutzt das rötlich-violette Leuchten der Panel-Ränder als Hover-Effekt */
    color: #3c1c24; 
    text-decoration: none;
    text-shadow: 0 0 5px rgba(60, 28, 36, 0.8);
}

.footer-copyright {
    margin-top: 15px;
    font-size: 11px;
    color: #555555;
}
.custom-forum-title {
    text-transform: uppercase !important;
    letter-spacing: 4px; /* Macht die Großbuchstaben edler und lesbarer */
}
/* Spricht alle normalen und besuchten Links innerhalb der SB-Box an */
.sb-box a:link, 
.sb-box a:visited {
    color: #ff0055 !important; /* Setzt eine helle, gut lesbare Farbe */
    text-decoration: none !important; /* Entfernt die Standard-Unterstreichung */
}

/* Der Effekt, wenn man mit der Maus über den Link fährt */
.sb-box a:hover, 
.sb-box a:active {
    color: #ffffff !important; /* Link wird beim Hovern weiß */
    text-decoration: underline !important; /* Zeigt die Unterstreichung beim Hovern an */
}
/* Styling für die Rechtstext-Seiten */
.legal-page-container {
    padding: 20px;
    color: #e0e0e0; /* Angenehmes Hellgrau für lange Texte */
    line-height: 1.7;
}

.legal-page-container h2 {
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px;
    border-bottom: 1px solid #1a202a; /* Diskrete Linie wie im Header */
    padding-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.legal-section {
    background: rgba(13, 14, 18, 0.5); /* Leicht transparenter, dunkler Hintergrund */
    border: 1px solid #1a202a;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.legal-section h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    margin-top: 0;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

.legal-section p {
    margin: 0 0 10px 0;
    font-size: 13px;
}

.legal-section p:last-child {
    margin-bottom: 0;
}

/* Macht den Disclaimer-Text etwas dezenter */
.privacy-disclaimer p {
    color: #aaaaaa;
    font-size: 12px;
}
/* --- Custom Startseiten-Statistik-Box --- */
.custom-stats-wrapper {
    width: 80%; 
    max-width: 1100px; 
    margin: 0 auto;
}

.custom-stats-box {
    padding: 10px 10px; 
    box-sizing: border-box;
    width: 90%;
    margin: 30px auto;
background: radial-gradient( ellipse at top, rgba(255,255,255,0.05) 0%, transparent 60% ), linear-gradient( 180deg, #27231f, #191714 ) !important;
  box-shadow: inset 0 2px 10px rgba(255,255,255,0.03), inset 0 -12px 25px rgba(0,0,0,0.8);
}

.custom-stats-left {
    font-size: 13px; 
    color: #574134; 
    line-height: 1.6; 
    padding-right: 20px;
}

.custom-stats-title {
     position: relative;
    padding-bottom: 18px;
    border-bottom: none;
}

.custom-stats-title a {
    text-decoration: none; 
    color: #574134; 
    font-weight: bold; 
    font-size: 14px;
}

.custom-stats-note {
    font-size: 12px; 
    color: #6d594f; 
    padding-bottom: 8px;
}

.custom-stats-names {
    font-size: 12px; 
    color: #574134;
}
.custom-stats-title:after {
    content: "◆";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    color: #8b6a35;
    font-size: 12px;
}

.custom-stats-title:before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 1px;
    background: #36302b;
}
/* Farb-Sperre aufgehoben: Ermöglicht Gruppenfarben bei den Mitgliedern */
.custom-stats-names a, 
.custom-stats-names a:link, 
.custom-stats-names a:visited { 
    font-weight: bold !important; 
    text-decoration: none !important; 
}

.custom-stats-names a:hover { 
    text-decoration: underline !important; 
}
.custom-stats-right {
    font-size: 13px; 
    border-left: 1px solid rgba(87,65,52,0.15); 
    padding-left: 20px;
}

.custom-stats-right a {
    text-decoration: none; 
    color: #574134; 
    font-weight: bold;
}
.author_avatar {
	width: 180px !important;
    min-height: 250px !important;
    background-size: 180px 250px !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
 position: relative;
}
#panel ul.menu.panel_links a.postfach::before {
    content: "✉";
}
.pm_alert a {
	color: #d6a45f !important;
}
#content fieldset .smalltext a {
	color: #d6a45f !important;
}
 /* =========================================================
   CHARACTERHALL – USERGROUP BADGE
   ========================================================= */

.rgp_group_badge {
    position: absolute;
    bottom: 10px;
    left: 5px;
    right: auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}


/* ---------------------------------------------------------
   Nur Master und Keeper dürfen ein Badge anzeigen
   --------------------------------------------------------- */

.rgp_group_badge:not(.rgp_badge_master):not(.rgp_badge_keeper) {
    display: none;
}


/* ---------------------------------------------------------
   Master of the Hall
   --------------------------------------------------------- */

.rgp_badge_master {
    background: #731f18;
}


/* ---------------------------------------------------------
   Keeper of the Hall
   --------------------------------------------------------- */

.rgp_badge_keeper {
    background: #355f7a;
}


/* ---------------------------------------------------------
   Schild
   --------------------------------------------------------- */

.rgp_group_badge::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 12px;
    left: 5px;
    top: 4px;
    background: #f0dfc8;
    clip-path: polygon(
        0 0,
        100% 0,
        100% 65%,
        50% 100%,
        0 65%
    );
    z-index: 2;
}


/* ---------------------------------------------------------
   Kleines Detail auf dem Schild
   --------------------------------------------------------- */

.rgp_group_badge::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 2px;
    left: 7px;
    top: 8px;
    background: #731f18;
    z-index: 3;
}


/* ---------------------------------------------------------
   Ausrollender Titel
   --------------------------------------------------------- */

.rgp_badge_tooltip {
    position: absolute;
    left: 12px;
    top: 50%;
    height: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 12px 2px 14px;   
    color: #debc85;
    border-radius: 0 10px 10px 0;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(-50%) scaleX(0);
    transform-origin: left center;
    transition:
        transform 0.3s ease,
        opacity 0.15s ease;
    z-index: 1;
}


/* ---------------------------------------------------------
   Hover – Titel ausrollen
   --------------------------------------------------------- */

.rgp_group_badge:hover .rgp_badge_tooltip {
      opacity: 1;
    transform: translateY(-50%) scaleX(1);
}

.grouptitleprofile{
color:red;
font-size: 15px;
}

/* Master of the Hall */
.rgp_badge_master .rgp_badge_tooltip {
    background: #731f18;
    box-shadow: 0 0 8px rgba(115, 31, 24, 0.7);
}

/* Keeper of the Hall */
.rgp_badge_keeper .rgp_badge_tooltip {
    background: #355f7a;
    box-shadow: 0 0 8px rgba(53, 95, 122, 0.7);
}
/* =========================================================
   CHARACTERHALL - TEAMSEITE
   ========================================================= */


/* Gruppenbereich */

.rgp-team-group {
    width: 100%;
    margin: 0 auto 55px;
}

.rgp-team-group-header {
    text-align: center;
}

.rgp-team-group-header h2 {
     margin: 0;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #f0d8c8;
  text-align: center;
text-transform:uppercase;
}

.rgp-team-group-line {
    width: 100%;
    height: 1px;
    margin-top: 10px;
    background: #731f18;
}


/* Kartenbereich */
.rgp-team-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
    align-items: stretch;
    padding-top: 30px;
}
/* Einzelne Karte */

.rgp-team-card {
    width: 260px;
    flex: 0 0 260px;
    min-height: 380px;
    background: #17100c;
    border: 1px solid #3a261c;
    padding: 15px;
    text-align: center;
    transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
	color:#f0dfc8;
position: relative;
z-index: 1;
}


/* Hover Grundeffekt */

.rgp-team-card:hover {
    transform: translateY(-5px);
}


/* Avatar */

.rgp-team-avatar img {
    display: block;
    width: 200px;
    height: 300px;
    box-sizing: border-box;
    object-fit: cover;
    border: 2px solid #731f18;
    transition:
 border-color 0.25s ease,
 box-shadow 0.25s ease;
}
.rgp-team-avatar {
    width: 200px;
    height: 300px;
    margin: 10px auto 15px;
    overflow: hidden;
}
.rgp-partner-avatar img {
    display: block;
    width: 200px;
    height: 300px;
    box-sizing: border-box;
    object-fit: cover;
    border: 2px solid #731f18;
    transition:
 border-color 0.25s ease,
 box-shadow 0.25s ease;
}
.rgp-partner-avatar {
    width: 200px;
    height: 300px;
    margin: 10px auto 15px;
    overflow: hidden;
}
/* Teamname */

.rgp-team-name {
    margin-top: 5px;
    margin-bottom: 6px;
    font-size: 18px;
}
/* Teamtitel */

.rgp-team-title {
    margin-top: 4px;
    font-size: 14px;
    text-transform:uppercase;
}
.rgp-team-name a {
    text-decoration: none;
}
/* Leerer Teamplatz Avatar */

.empty-avatar {
    width: 120px;
    height: 120px;
    margin: 0 auto 10px auto;

    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-avatar img {
    width: 100px;
    height: 100px;

    opacity: 0.35;
    filter: grayscale(100%);
}
/* Master of the Hall */

.rgp-group-4 .rgp-team-card:hover {
    box-shadow: 0 0 25px rgba(115,31,24,0.7);
}

.rgp-group-4 .rgp-team-avatar img {
    border-color: #731f18;
}

/* Admins – maximal 3 Karten */
.rgp-team-group.rgp-group-4 .rgp-team-grid {
    max-width: 820px;
    margin: 0 auto;
}

/* Keeper of the Hall */

.rgp-group-3 .rgp-team-card:hover {
    box-shadow: 0 0 25px rgba(53,95,122,0.7);
}

.rgp-group-3 .rgp-team-avatar img {
    border-color: #355f7a;
}
/* Moderatoren – maximal 4 Karten */
.rgp-team-group.rgp-group-3 .rgp-team-grid {
    max-width: 1100px;
    margin: 0 auto;
}

/* Name */

.rgp-team-name {
    display: block;

    margin-top: 10px;

    font-size: 18px;
}


/* Rolle */

.rgp-team-role {
    font-size: 13px;
    opacity: 0.8;
}


/* Status */

.rgp-team-status {
    margin-top: 12px;
    margin-bottom: 5px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.3;
}
.rgp-team-status::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 7px;
    border: 1px solid #f0dfc8;
    border-radius: 50%;
    vertical-align: 1px;
}

.rgp-team-status.online::before {
    background: #6f9f3a;
    border-color: #6f9f3a;
}

.rgp-team-status.offline::before {
    background: #8a3a32;
    border-color: #8a3a32;
}
/* Buttons */

.rgp-team-actions {
    margin-top: 8px;
}
.rgp-group-4 .rgp-team-card:hover {
    box-shadow: 0 0 20px red !important;
}

.rgp-group-3 .rgp-team-card:hover {
    box-shadow: 0 0 20px blue !important;
}
.rgp-team-group-label {
   margin-left: 10px;
    color: #731f18;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}
.rgp-empty-card {
    opacity: 0.55;
    border: 1px dashed #731f18;
}
.empty-slot {
    opacity: 0.65;
}

.empty-slot .team-name {
    color: #888;
}

.empty-slot .team-status {
    font-size: 12px;
}
/* Teamstatus */

.rgp-team-status {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1.3;
}
/* Teamkontakt */

.rgp-team-contact {
    margin-top: 10px;
}

.rgp-team-contact a {
    text-decoration: none;
}
.forumdisplay_actions {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
/* Neue Hallen-Online-Box */

.hall-online {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 25px 35px;
 background: linear-gradient(to bottom, #211a15 0%, #0e0b09 100%);
border: 1px solid rgba(58,46,36,.55);

box-shadow:
inset 0 0 25px rgba(0,0,0,.75);
}

.hall-online-left {
    flex: 1;
}

.hall-online-right {
    width: 260px;
    text-align: left;
    padding-left: 30px;
    border-left: 1px solid #36302b;
}

.hall-online .custom-stats-title {
    color: #f2ebe2;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-bottom: 1px solid #36302b;
    padding-bottom: 10px;
text-align: center;
}

.online-users {
    color: #ddd4cc;
    font-size: 15px;
    margin-top: 12px;
}

.online-users a {
    color: #9bdc35;
    text-decoration: none;
    font-style: italic;
}

.online-users a:hover {
    color: #f2ebe2;
}

.online-users:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #9bdc35;
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0 0 8px rgba(155,220,53,0.8);
}

.hall-online .smalltext {
    color: #a3988c;
    margin-top: 15px;
}

.forum-stat {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    width: 100%;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #36302b;
}

.forum-stat span {
    color: #ddd4cc;
    font-size: 14px;
    letter-spacing: 2px;
}

.forum-stat strong {
    color: #d6a45c;
    font-size: 20px;
    font-weight: normal;
}
.hall-links {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #36302b;
    text-align: center;
}
.hall-links a {
  color: #d6a45c !important;
    text-decoration: none;
    font-weight: bold;
}

.hall-links a:hover {
    color: #9bdc35;
}
.hall-team-link {
    margin-top: 18px;
}

.hall-team-link a {
   color: #a3988c !important;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: normal;
}
.online-state {
    color: #a3988c;
    font-style: italic;
    margin-top: 8px;
    margin-left: 22px;
}
.hall-online .smalltext {
    color: #a3988c;
    margin-top: 15px;
    white-space: pre-line;
    line-height: 1.8;
}
.digital-visitors {
   margin-top: 18px;
    padding-top: 15px;
    position: relative;
	font-size:11px;
}

.digital-visitors a {
    display: inline-block;
    margin-top: 8px;
    margin-left: 10px;
}
.digital-visitors::before {
    content: "◆";
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    color: #b98b42;
    font-size: 10px;
    z-index: 2;
}
.digital-visitors::after {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
      to right,
        transparent 0%,
        #36302b 15%,
        #36302b 47%,
        transparent 47%,
        transparent 53%,
        #36302b 53%,
        #36302b 85%,
        transparent 100%
    );
}
.stat-icon {
    color: #c08b3e;
    width: 20px;
    display:inline-block;
}
.forum-stat i {
    color: #c89b4a;
    opacity: 0.75;
    width: 20px;
    margin-right: 8px;
}
.poll-button {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    background: #2a211b;
    border: 1px solid #5a4630;
    border-radius: 4px;
border-color: #806033;
    padding: 6px 12px;

    color: #c08a3d;
    font-size: 12px;
    letter-spacing: 1px;

    text-decoration: none;
}

.poll-button:hover {
    background: #2b221b;
    border-color: #c08a3d;
    color: #e0b15a !important;
}

.poll-icon {
    font-size: 13px;
	opacity: .85;
	color: #f0e1d2;
}
.poll-button,
.poll-button:link,
.poll-button:visited {
    color: #bfa38a !important;
    text-decoration: none;
}
	
.thread-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.thread-actions-left,
.thread-actions-right {
    display: flex;
    align-items: center;
}
.thread_tools {
    display: flex;
    gap: 10px;
    padding: 0;
    margin: 0;
}
.thread-actions select {
    background: #211b17;
    color: #bfa38a;
    border: 1px solid #5a4030;
    border-radius: 4px;
    padding: 6px 10px;
    font-family: Lato, sans-serif;
    font-size: 13px;
}
.thread-actions button,
.thread-actions input[type="submit"] {
    background: #211b17;
    color: #bfa38a;
    border: 1px solid #5a4030;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
}
.thread-actions-right {
  display: flex;
    align-items: center;
    gap: 20px;
}
.thread-actions-right > div {
    display: flex;
    align-items: center;
 margin-right: 20px;
}
.thread-actions-left ul.thread_tools {
  list-style: none;
    margin: 0;
    padding: 0;
}
.thread-actions-left {
    margin-left: 10px;
}
.thread-actions-left ul.thread_tools li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.thread-actions-left .thread_tools li {
    list-style: none;
}
.thread-actions-left .thread_tools li::before {
    content: none;
}
.category-title {
    color: #f0e1d2;
    letter-spacing: 20px;
    text-transform: uppercase;
    text-shadow:
        0 1px 1px #000;
}
.thread-stone-footer {
    background:
        radial-gradient(
            ellipse at top,
            rgba(255,255,255,0.05),
            transparent 60%
        ),
        linear-gradient(
            180deg,
            #302b27,
            #191714
        ) !important;

    border-top: 1px solid #3a3530;
    border-bottom: 1px solid #0c0b0a;
 position: relative;
    top: -10px;
    box-shadow:
        inset 0 2px 10px rgba(255,255,255,0.03),
        inset 0 -8px 15px rgba(0,0,0,0.8);
}
.tfoot-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.thread-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.thread-search {
    margin-left: 10px;
}
.thread-navigation-left {
    display: flex;
    align-items: center;
    gap: 15px;
}
.thread-navigation-right {
    margin-left: auto;
}
.burg-banner-layout {
    display: flex;
    gap: 20px;
    width: 100%;
    align-items: stretch;
  filter: 
        drop-shadow(5px 0px 0px #231a16) 
        drop-shadow(-5px 0px 0px #231a16) 
        drop-shadow(0px 1px 5px #4a3025) 
        drop-shadow(0px -5px 0px #231a16); 
}

.burg-banner-spalte {
    flex: 1; 
    width: 50%;
    background-color: #f7ebe1; 
    box-sizing: border-box;
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 60px), 50% 100%, 0% calc(100% - 60px));
  background: linear-gradient(to bottom, #211a15 0%, #0e0b09 100%);
border: none !important; 
}

}
.burg-banner-spalte table.tborder {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
}

.banner-spitzen-abstand {
    height: 70px; 
    display: block;
    clear: both;
}
 /* Discord */
.customfield_9::before {
    content: "\f392";
    font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands", "Font Awesome 6 Free";
    font-weight: 400;
    color: #f6a53d;
    margin-right: 6px;
    display: inline-block;
}
 /* Custom Link 1 */
.customfield_4::before {
    content: "\f0ac";
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
    font-weight: 900;
    color: #f6a53d;
    margin-right: 6px;
    display: inline-block;
}
 /* Custom Link 2 */
.customfield_5::before {
    content: "\f0ac";
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
    font-weight: 900;
    color: #f6a53d; 
    margin-right: 6px;
    display: inline-block;
}
 /* Erfahrung */
.customfield_7::before {
    content: "\f02d"; /* Code für das Buch */
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
    font-weight: 900;
    color: #f6a53d;
    margin-right: 6px;
    display: inline-block;
}
/* Favorites */
.customfield_8::before {
    content: "\f004"; /* Code für das Herz */
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
    font-weight: 900;
    color: #f6a53d;
    margin-right: 6px;
    display: inline-block;
}
.privatehead {
 text-align: center;
color: white;
	border:none !important;
}

/* ========================================== */
/* PROFIL-BOXEN MODERNE DIV-STRUKTUR          */
/* ========================================== */

/* Main Container */
.profile-card {
    background: #1a1614;
    border: 1px solid #3d2b1f;
    border-radius: 4px;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.profile-card-header {
    background: #241b14;
    border-bottom: 2px solid #8c6d46;
    color: #f0e6d2;
    padding: 10px 15px;
    font-size: 15px;
    min-height: 20px;
}

/* Card Body & General Content */
.profile-card-body {
    padding: 10px 15px;
    color: #d4c5b3 !important;
}

.profile-card-body strong {
    color: #a8947d !important;
}

/* Avatar Header Area */
.profile-avatar-body {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    gap: 15px;
}

.profile-avatar-image {
    flex: 0 0 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-avatar-details {
    flex: 1;
    min-width: 200px;
}

.rgp-profile-name {
    font-size: 18px;
    font-weight: bold;
    color: #f0e6d2;
}

/* Profile Info Grid */
.profile-info-grid {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 15px;
}

.profile-info-item {
    justify-content: flex-start !important;
    gap: 10px !important;
}

.profile-info-item .profile-label {
    min-width: 100px;
}

.profile-label {
    font-weight: bold;
    color: #a8947d;
    padding-right: 15px;
}

.profile-value {
    color: #d4c5b3;
    padding-left: 10px;
}

/* Profile Data Rows (Custom Fields / Stats) */
.profile-data-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #2a1f16;
}

.profile-data-row:last-child {
    border-bottom: none;
}

.profile-data-label {
    font-weight: bold;
    color: #a8947d;
    min-width: 140px !important;
    width: auto !important;
    flex-shrink: 0;
}

.profile-data-value {
    color: #d4c5b3 !important;
    flex-grow: 1;
}

.profile-action-buttons {
    text-align: center;
    margin-top: 15px;
}
/* Container für die Theme-Pill */
.style-toggle-pill {
    display: inline-flex;
    background: #12100e;
    border: 1px solid #3d2b1f;
    border-radius: 12px;
    padding: 2px 4px;
    vertical-align: middle;
}

/* Basis-Style für die Switcher-Buttons */
.style-toggle-pill .toggle-btn {
    background: transparent;
    border: none;
    color: #a8947d !important;
    font-size: 10px;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 3px 10px;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none !important;
    transition: all 0.2s ease;
    display: inline-block;
}

/* Hover-Effekt */
.style-toggle-pill .toggle-btn:hover {
    color: #f0e6d2 !important;
    background: rgba(255, 255, 255, 0.05);
}

/* Aktiver Status (falls ein Button hervorgehoben wird) */
.style-toggle-pill .toggle-btn.active {
    background: #8c6d46;
    color: #12100e !important;
}
.onlyuser {
 color: #660404;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: underline;
}
.onlyusersmall {
color: #000;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.5px;
}
/* Blendet die komplette Tabellenzeile für Gäste aus */
html.is-guest tr:has(.hide-guest-thread) {
    display: none !important;
}
/* Blendet Unterforen ausschließlich in der Beschreibungs-Zelle von Forum 94 aus */
td:has(a[href*="forum-94.html"]) .smalltext br,
td:has(a[href*="forum-94.html"]) .smalltext strong,
td:has(a[href*="forum-94.html"]) .smalltext div[id*="mark_read"],
td:has(a[href*="forum-94.html"]) .smalltext .subforumicon,
td:has(a[href*="forum-94.html"]) .smalltext a {
    display: none !important;
}
/* Container & Header */
.rpg-stats-wrapper {
    max-width: 1100px;
    margin: 30px auto;
    padding: 0 15px;
}

.rpg-stats-header {
    text-align: center;
    margin-bottom: 30px;
}

.rpg-stats-header h2 {
    font-size: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #e0d8c3;
    margin: 0;
}

.rpg-stats-divider {
    width: 60px;
    height: 1px;
    background: #bfa15f;
    margin: 12px auto 0;
    opacity: 0.6;
}

/* Karten-Raster */
.rpg-stats-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}
/* Einzelne Karte */
.rpg-stat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #141414;
    border: 1px solid #29241d;
    padding: 15px;
    text-decoration: none !important;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
background: linear-gradient(to bottom, #1a1512 0%, #0d0a08 100%) !important;
  border-top: 1px solid #3a2e24 !important;
  border-bottom: 1px solid #3a2e24 !important;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8) !important;
flex: 0 0 190px; /* Bleibt starr auf 190px, wird nicht gequetscht */
    width: 190px;
    scroll-snap-align: center;
    box-sizing: border-box;
flex: 0 1 190px;
}

.rpg-stat-card:hover {
    transform: translateY(-3px);
    border-color: #705830;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);
}

/* Bild / Icon-Fläche */
.rpg-stat-visual {
    width: 100%;
    height: 160px;
    background: #0d0d0d;
    border: 1px solid #201c17;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rpg-stat-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.9);
    transition: filter 0.2s ease;
}

.rpg-stat-card:hover .rpg-stat-img {
    filter: brightness(1.05);
}

.rpg-stat-icon-wrap i {
    font-size: 42px;
    color: #9c8a6b;
    transition: color 0.2s ease;
}

.rpg-stat-card:hover .rpg-stat-icon-wrap i {
    color: #f6a53d;
}

/* Textbereich */
.rpg-stat-body {
    text-align: center;
    margin-top: 14px;
    width: 100%;
}

.rpg-stat-title {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e0d8c3;
    margin: 0 0 4px 0;
}

.rpg-stat-desc {
    display: block;
    font-size: 11px;
    color: #787063;
    font-style: italic;
    margin-bottom: 10px;
}

/* Counter-Badge */
.rpg-stat-counter {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #0a0a0a;
    border: 1px solid #29241d;
    padding: 3px 10px;
    border-radius: 2px;
}

.count-number {
    font-size: 13px;
    font-weight: bold;
    color: #6da36f; /* Passend zum Online-Grün der Teamseite */
}

.count-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #8f8576;
}
/* Layout: Editor links, Smilies rechts */
.editor-layout-row {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    width: 100%;
}

.editor-main {
    flex: 1 1 auto;
    min-width: 0;
}

/* Zwingt den SCEditor auf 100% Breite des linken Containers */
.editor-main .sceditor-container {
    width: 100% !important;
}

/* Smilie-Spalte rechts */
.smilies-sidebar {
    flex: 0 0 170px;
}

/* Hebt feste Inline-Abstände aus dem MyBB-Smilie-Template auf */
.smilies-sidebar div,
.smilies-sidebar table {
    margin: 0 !important;
}

/* Styling für das Textfeld, wenn man in den Source-Modus schaltet */
.sceditor-container textarea {
    font-family: 'Consolas', 'Courier New', 'Fira Code', monospace !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.3px;
    tab-size: 4;
}
/* ======================================================
   1. USER CP - MODERN FLEX LAYOUT (WRAPPER & SPALTEN)
   ====================================================== */

.usercp-wrapper {
    display: flex !important;
    gap: 20px !important;
    align-items: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Linke Sidebar (feste Breite) */
.usercp-sidebar {
    width: 240px !important;
    min-width: 240px !important;
    flex-shrink: 0 !important;
}

/* MyBB-Altlast: Falls $usercpnav noch Tabellenzellen ausgibt */
.usercp-sidebar > td,
.usercp-sidebar td[width] {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Rechter Inhaltsbereich */
.usercp-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

/* Tabellen und Formulare im Content immer vollflächig */
.usercp-content .tborder,
.usercp-content form table,
.usercp-content table.tborder {
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* ======================================================
   2. SIDEBAR NAVIGATION - CARDS & CONTAINER
   ====================================================== */

.ucp-nav-card {
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 15px !important;
background: radial-gradient( ellipse at top, rgba(255, 158, 34, 0.05) 0%, transparent 60% ), linear-gradient( 180deg, #020100, #191714 ) !important;
  box-shadow: inset 0 2px 10px rgba(255,255,255,0.03), inset 0 -8px 15px; 
}

.ucp-nav-header,
.usercp-sidebar .thead {
    color:#8c6c42;
    color: #ffffff !important;
    font-size: 0.8em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 9px 12px !important;
    border-bottom: 1px solid rgba(127, 127, 127, 0.18) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.ucp-nav-body,
.usercp-sidebar .trow1,
.usercp-sidebar .trow2 {
    padding: 6px !important;
    background: transparent !important;
}

.usercp_nav .expcolimage {
    opacity: 0.3 !important;
}


/* ======================================================
   3. NAVIGATIONSLINKS & BUTTONS
   ====================================================== */

.usercp-sidebar .usercp_nav_item,
.usercp-sidebar a.usercp_nav_item,
.usercp-sidebar a {
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
    margin-bottom: 5px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-size: 0.95em !important;
    color: rgb(223, 203, 181) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0.06) 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.15s ease !important;
}

.usercp-sidebar .usercp_nav_item:hover,
.usercp-sidebar a:hover {
    color: #ffffff !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(0, 0, 0, 0.12) 100%) !important;
    transform: translateX(4px) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18) !important;
}


/* ======================================================
   4. ICONS (UNICODE ESCAPES)
   ====================================================== */

.usercp_nav_item::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    margin-right: 10px !important;
    font-size: 1.05em !important;
    opacity: 0.85 !important;
    flex-shrink: 0 !important;
    font-style: normal !important;
    color: #ff8b53 !important;
}

.usercp_nav_item:hover::before {
    opacity: 1 !important;
}

/* Postfach */
.usercp_nav_composepm::before       { content: "\2709"; } /* ✉ */
.usercp_nav_pmfolder::before        { content: "\25B6"; font-size: 0.75em !important; } /* ▶ */
.usercp_nav_tracking::before        { content: "\25CE"; } /* ◎ */
.usercp_nav_pmfolders::before       { content: "\2699"; } /* ⚙ */

/* Profil & Account */
.usercp_nav_profile::before         { content: "\2605"; } /* ★ */
.usercp_nav_username::before        { content: "\2710"; } /* ✐ */
.usercp_nav_password::before        { content: "\26BF"; } /* ⚿ */
.usercp_nav_email::before           { content: "@"; font-weight: bold; }
.usercp_nav_avatar::before          { content: "\25A3"; } /* ▣ */
.usercp_nav_signature::before,
.usercp_nav_editsig::before         { content: "\270D"; } /* ✍ */
.usercp_nav_options::before         { content: "\2699"; } /* ⚙ */

/* Sonstiges */
.usercp_nav_usergroups::before      { content: "\265F"; } /* ♟ */
.usercp_nav_editlists::before       { content: "\2665"; } /* ♥ */
.usercp_nav_attachments::before     { content: "\25C8"; } /* ◈ */
.usercp_nav_drafts::before          { content: "\25A4"; } /* ▤ */
.usercp_nav_subscriptions::before   { content: "\29BF"; } /* ⦿ */
.usercp_nav_forums::before,
.usercp_nav_forumsubscriptions::before,
a[href*="action=forumsubscriptions"]::before,
a[href*="action=removesubscriptions"]::before { content: "\2261"; } /* ≡ */
.usercp_nav_viewprofile::before     { content: "\25C9"; } /* ◉ */


/* ======================================================
   5. UNTERORDNER (POSTFACH-ORDNER)
   ====================================================== */

.ucp-nav-subfolder {
    display: flex !important;
    flex-direction: column !important;
    margin: 2px 0 6px 14px !important;
    border-left: 2px solid rgba(127, 127, 127, 0.3) !important;
}

/* Eingerückte Links in Unterordnern (auf Navigation beschränkt) */
.ucp-nav-subfolder a,
.usercp_nav a[href*="fid=2"],
.usercp_nav a[href*="fid=3"],
.usercp_nav a[href*="fid=4"],
.usercp_nav a[href*="action=advanced_search"] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.04) 100%) !important;
    display: flex !important;
    align-items: center !important;
    padding: 5px 8px 5px 12px !important;
    margin-bottom: 3px !important;
    text-decoration: none !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 0.9em !important;
    border-radius: 0 4px 4px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18) !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    transition: all 0.15s ease !important;
}

.ucp-nav-subfolder a::before,
.usercp_nav a[href*="fid=2"]::before,
.usercp_nav a[href*="fid=3"]::before,
.usercp_nav a[href*="fid=4"]::before,
.usercp_nav a[href*="action=advanced_search"]::before {
    content: "\21b3" !important;
    display: inline-block !important;
    width: 14px !important;
    margin-right: 6px !important;
    opacity: 0.5 !important;
    color: #ffffff !important;
}

.ucp-nav-subfolder a:hover,
.usercp_nav a[href*="fid=2"]:hover,
.usercp_nav a[href*="fid=3"]:hover,
.usercp_nav a[href*="fid=4"]:hover,
.usercp_nav a[href*="action=advanced_search"]:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
    transform: translateX(3px) !important;
    color: #ffffff !important;
}

.post_body img {
    margin: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.65);
}
/* ======================================================
   UCP RECHTE SEITE - DEFINIERTER DARK-MODE (HELLER)
   ====================================================== */

/* 1. Kachel-Körper (Grundfläche sichtbar aufhellen) */
.ucp-card,
.usercp-content .tborder {
    background: #1e1e1e !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
    margin-bottom: 20px !important;
color:#fff;
}

.ucp-user-meta div,
.usercp-content .trow2 div {
    color: #e0e0e0 !important;
}

.ucp-user-title,
.usercp-content .largetext {
    color: #ffffff !important;
    font-size: 1.4em !important;
}

/* 5. Notizbuch-Feld */
.usercp-content textarea {
    background: #f5f5f5 !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: #181818 !important;
    padding: 12px !important;
}
[class*="sceditor-button-sigantur"] div,
[class*="sceditor-button-box"] div,
[class*="sceditor-button-avatar"] div,
[class*="sceditor-button-ueberschrift"] div,
[class*="sceditor-button-feld"] div,
[class*="sceditor-button-text"] div,
[class*="sceditor-button-customimg"] div {
    background: none !important;
    text-indent: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 11px;
    color: #444;
}

.sceditor-button-sigantur div::after { content: "\f5ad"; }    /* Stift / Signatur */
.sceditor-button-box div::after { content: "\f1b2"; }         /* Box / Würfel */
.sceditor-button-avatar div::after { content: "\f2bd"; }      /* Profil-Avatar */
.sceditor-button-ueberschrift div::after { content: "\f1dc"; }/* Überschrift (H) */
.sceditor-button-feld div::after { content: "\f00b"; }        /* Raster / Feld */
.sceditor-button-text div::after { content: "\f036"; }        /* Textabsatz */
.sceditor-button-customimg div::after { content: "\f03e"; }   /* Standard-Bildicon */
/* ======================================================
   SUCH-LAYOUT STRUKTUR & FORM-AUSRICHTUNG (FIX)
   ====================================================== */

.search-container {
    width: 100% !important;
    margin: 0 auto 15px auto !important;
}

.search-cell {
    padding: 16px !important;
    vertical-align: top !important;
}

.search-input-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.search-full-input {
    width: 100% !important;
    max-width: 420px;
    box-sizing: border-box;
}

.search-radio-group,
.search-checkbox-label {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    font-size: 0.9em;
}

/* 1. Nur die linke Foren-Liste groß aufziehen */
.search-forum-wrapper select[name="forums[]"],
select[name="forums[]"] {
    width: 100% !important;
    height: 320px !important;
    box-sizing: border-box !important;
}

/* 2. Rechte Präfix-Liste kompakt halten */
select[name="threadprefix[]"] {
    width: 100% !important;
    max-width: 320px !important;
    height: 90px !important;
    margin-top: 6px !important;
    box-sizing: border-box !important;
}

/* 3. Normale Dropdowns (Datum, Sortierung) inline & kompakt */
.search-options-wrapper select:not([multiple]) {
    width: auto !important;
    min-width: 160px !important;
    height: auto !important;
    padding: 4px 8px !important;
}

/* Präfix-Box rechts kompakt halten */
.search-options-wrapper select[name*="threadprefix"] {
    width: 100% !important;
    max-width: 320px !important;
    height: 90px !important;
    margin-top: 4px;
}

/* Optionen-Spalte rechts strukturieren */
.search-options-wrapper {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.search-option-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.search-inline-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 0.9em;
}

.search-option-subhead {
    margin-top: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(127, 127, 127, 0.25);
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Zentrierter Button */
.search-submit-bar {
    text-align: center;
    margin: 15px 0 25px 0;
}

.search-submit-bar .button {
    padding: 8px 26px !important;
    font-size: 1.05em !important;
    cursor: pointer;
}
/* ======================================================
   USERCP PROFILE - THEME-HARMONISCHES GRID & TEXTFIX
   ====================================================== */

/* Äußerer Rasterbereich transparent halten, damit keine helle Farbfläche durchschlägt */
.ucp-profile-grid {
    display: grid !important;
    grid-template-columns: 1.05fr 0.95fr !important;
    gap: 16px !important;
    padding: 16px !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.ucp-profile-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    min-width: 0 !important;
}
/* Fieldsets beruhigen */
.ucp-profile-box,
.ucp-profile-col fieldset {
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
}
/* Modulare Boxen: Standard-Theme-Karten nutzen */
.ucp-profile-box,
.ucp-profile-col fieldset,
.ucp-profile-col .tborder {
    padding: 14px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Legend komplett zum sauberen Kopfzeilen-Balken machen */
.ucp-profile-col legend,
.ucp-profile-col .thead {
    display: block !important;
    float: left !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 12px 0 !important;
    padding: 8px 14px !important;
    background: rgba(0, 0, 0, 0.3) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
    font-size: 0.85em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Innenabstand für die Inhalte unter der Überschrift */
.ucp-profile-col fieldset > *:not(legend) {
    margin-left: 14px !important;
    margin-right: 14px !important;
}

.ucp-profile-col fieldset > *:last-child {
    margin-bottom: 14px !important;
}
/* Texte und Beschreibungen innerhalb der Boxen */
.ucp-profile-col,
.ucp-profile-col td,
.ucp-profile-col span,
.ucp-profile-col label {
    color: inherit !important;
}

/* Geburtstags-Zeile bündig halten */
.ucp-birthday-row {
    display: flex !important;
    gap: 6px !important;
    align-items: center !important;
    margin: 6px 0 !important;
}

.ucp-birthday-row select,
.ucp-birthday-row input {
    height: 30px !important;
    box-sizing: border-box !important;
}

/* Custom Profile Fields & Tabellen-Reset */
.ucp-custom-fields-area table,
.ucp-profile-col table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    border: none !important;
}

.ucp-custom-fields-area td,
.ucp-profile-col td {
    padding: 6px 0 !important;
    background: transparent !important;
    border: none !important;
}
/* ======================================================
   CUSTOM PROFILE FIELDS & TABELLEN-RESET (KOMPAKT)
   ====================================================== */

/* 1. Tabellen neutralisieren & Führende Umbrüche killen */
.ucp-custom-fields-area table,
.ucp-profile-col table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    border: none !important;
}

.ucp-custom-fields-area td,
.ucp-profile-col td {
    padding: 6px 0 !important;
    background: transparent !important;
    border: none !important;
}

.ucp-custom-fields-area > br:first-child,
.ucp-profile-col > br:first-child {
    display: none !important;
}

.ucp-custom-fields-area > table:first-child,
.ucp-custom-fields-area > fieldset:first-child {
    margin-top: 0 !important;
}

/* 2. Textfelder & Textareas */
.ucp-custom-fields-area input.textbox,
.ucp-custom-fields-area textarea,
.ucp-profile-col input.textbox {
    width: 95% !important;
    box-sizing: border-box !important;
}

/* 3. Titel & Untertitel der Custom Fields hervorheben */
.ucp-custom-fields-area td > strong,
.ucp-custom-fields-area td > span > strong {
    display: inline-block !important;
    font-size: 1.05em !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 2px !important;
}

.ucp-custom-fields-area td .smalltext {
    display: block !important;
    opacity: 0.75 !important;
    font-size: 0.85em !important;
    margin-bottom: 8px !important;
}

/* ======================================================
   4. CHECKBOX-BEREICH (SAUBERES 3-SPALTEN-GRID)
   ====================================================== */

/* Kachel und Spaltenraster */
.ucp-custom-fields-area td:has(.ucp-check-opt) {
display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px 16px !important;
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px !important;
    padding: 12px 14px !important;
    margin-top: 6px !important;
    margin-bottom: 14px !important;
    box-sizing: border-box !important;
    width: 95% !important;
}

/* Checkbox und Text zusammenhalten */
.ucp-check-opt {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    margin: 0 !important;
    font-size: 0.9em !important;
}

.ucp-check-opt input.checkbox {
    margin: 0 !important;
    cursor: pointer !important;
}
/* 5. Speicher-Leiste */
.ucp-profile-actions {
    text-align: center !important;
    padding: 12px !important;
}

/* Tabellenkopf ausschließen */
table.tborder thead tr:hover,
table.tborder tr.thead:hover {
    transform: none !important;
    box-shadow: none !important;
}
/* ======================================================
   UCP: ACCOUNT-ÜBERSICHT (CARD & GRID)
   ====================================================== */

/* Äußere Kachel */
.ucp-card.ucp-summary-card {
background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
}

/* Card-Header */
.ucp-card-header {
background: rgba(0, 0, 0, 0.3) !important;
    padding: 10px 16px !important;
    font-size: 0.85em !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
}

/* Container & MyBB-Tabelle auflösen */
.ucp-summary-content {
    padding: 20px !important;
}

.ucp-summary-content > p {
    margin: 0 !important;
}

.ucp-summary-table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.ucp-summary-table tr {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
}

/* Avatar-Zelle & Bild stylen */
.ucp-summary-table td:first-child {
    flex-shrink: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.ucp-summary-table td:first-child img {
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(0, 0, 0, 0.4) !important;
    padding: 3px !important;
    max-width: 90px !important;
    max-height: 90px !important;
    display: block !important;
    object-fit: cover !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* Rechter Inhaltsbereich */
.ucp-summary-details {
    flex-grow: 1 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
.ucp-summary-flex {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 20px !important;
}
/* Username hervorheben */
.ucp-user-title {
    font-size: 1.35em !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    letter-spacing: 0.5px !important;
}

.ucp-user-title a {
    text-decoration: none !important;
}

/* Daten als aufgeräumtes 2-Spalten-Raster */
.ucp-user-meta {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px 24px !important;
}

.ucp-user-meta > div {
    font-size: 0.88em !important;
    color: rgba(255, 255, 255, 0.85) !important;
    line-height: 1.5 !important;
}

.ucp-user-meta strong {
    color: rgba(255, 255, 255, 0.45) !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: 0.8em !important;
    letter-spacing: 0.6px !important;
    margin-right: 6px !important;
}

/* ======================================================
   UCP: ACCOUNT-ÜBERSICHT (BEREINIGT)
   ====================================================== */

/* Haupt-Container & Card */
.ucp-card.ucp-summary-card {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
}

.ucp-card-header {
    background: rgba(0, 0, 0, 0.3) !important;
    padding: 10px 16px !important;
    font-size: 0.85em !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Flexbox: Stellt Avatar links und Details rechts nebeneinander */
.ucp-summary-flex {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 20px !important;
}

/* Avatar-Container & Reset alter Tabellenfragmente */
.ucp-summary-avatar-box {
    flex-shrink: 0 !important;
    width: 85px !important;
    height: 85px !important;
}

.ucp-summary-avatar-box table.tborder,
.ucp-summary-avatar-box tbody,
.ucp-summary-avatar-box tr,
.ucp-summary-avatar-box td {
    display: block !important;
    width: auto !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.ucp-summary-avatar-box img,
.ucp-avatar-img {
    width: 85px !important;
    height: 85px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    display: block !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* Details & Daten-Raster */
.ucp-summary-details {
    flex-grow: 1 !important;
}

.ucp-user-title {
    font-size: 1.35em !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    letter-spacing: 0.5px !important;
}

.ucp-user-meta {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px 24px !important;
}

.ucp-user-meta > div {
    font-size: 0.88em !important;
    color: rgba(255, 255, 255, 0.85) !important;
    line-height: 1.5 !important;
}

.ucp-user-meta strong {
    color: rgba(255, 255, 255, 0.45) !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: 0.8em !important;
    letter-spacing: 0.6px !important;
    margin-right: 6px !important;
}

/* Footer-Hinweis */
.ucp-card-footer {
    background: rgba(0, 0, 0, 0.18) !important;
    padding: 8px 16px !important;
    font-size: 0.8em !important;
    color: rgba(255, 255, 255, 0.45) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.ucp-user-meta a {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: underline dotted !important;
}
/* ======================================================
   PROFIL: TITEL-BADGE & BESSERE LINK-SICHTBARKEIT
   ====================================================== */

/* Titel in Klammern dezent und modern hervorheben */
.profile-usertitle-badge {
    font-size: 0.8em !important;
    font-weight: normal !important;
    color: rgba(255, 255, 255, 0.55) !important;
    letter-spacing: 0.5px !important;
    margin-left: 6px !important;
}
/* ======================================================
   INDEX – SANFTER FARBSHIFT BEIM HOVER
   ====================================================== */

.forum-index-row > td {
    transition: background-color 0.3s ease !important;
}

.forum-index-row:hover > td.trow1 {
    background-color: #ece7e2 !important;
}

.forum-index-row:hover > td.trow2 {
    background-color: #af9e90 !important;
}
/* =========================================================
   CHARACTERHALL SMILIES
   ========================================================= */

.post_body img.smilie {
    width: 24px !important;
    height: 24px !important;
    max-width: none !important;
    max-height: none !important;

    display: inline-block !important;
    vertical-align: -5px !important;

    margin: 0 2px !important;
    padding: 0 !important;

    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;

    background: transparent !important;
    filter: none !important;

    box-sizing: content-box !important;

    cursor: pointer;
}
/* ======================================================
   TITEL-LINK: MULTITHEME-KOMPATIBEL (ERBT THEME-FARBE)
   ====================================================== */

.custom-stats-title a,
.custom-stats-title a:visited,
.custom-stats-title a:active {
    color: inherit !important;
    text-decoration: none !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    display: inline-block !important;
    transition: opacity 0.2s ease, text-shadow 0.2s ease !important;
}

.custom-stats-title a:hover {
    opacity: 0.8 !important; /* Dezenter Hover-Effekt unabhängig von der Theme-Farbe */
    text-decoration: none !important;
}
/* ======================================================
   WER IST ONLINE (ONLINE.PHP) STYLING
   ====================================================== */

/* Haupttabelle auf dunklen Hintergrund umstellen */
table.tborder:has(a[href*="online.php"]) {
    background: #141210 !important;
    border: 1px solid #332b24 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

/* Kopfzeile (Wer ist online?) */
table.tborder:has(a[href*="online.php"]) .thead {
    background: #1c1814 !important;
    color: #e6c875 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-size: 0.85em !important;
    border-bottom: 1px solid #332b24 !important;
    padding: 10px 14px !important;
}

/* Tabellenzeilen & Spalten angleichen */
table.tborder:has(a[href*="online.php"]) td.trow1,
table.tborder:has(a[href*="online.php"]) td.trow2 {
    background: #191613 !important;
    color: #d6ccbe !important;
    border-top: 1px solid #26211c !important;
    border-right: none !important;
    padding: 12px 16px !important;
    font-size: 0.95em !important;
    transition: background 0.15s ease !important;
}

/* Zweite Spalte leicht abtönen für ruhigen Rhythmus */
table.tborder:has(a[href*="online.php"]) td.trow2 {
    background: #1e1a16 !important;
}

/* Ganze Zeile bei Mausberührung sanft hervorheben */
table.tborder:has(a[href*="online.php"]) tr:hover td {
    background: #28221c !important;
    color: #ffffff !important;
}

/* Links & Ortsangaben einfärben */
table.tborder:has(a[href*="online.php"]) td a {
    color: #f0cea3 !important;
    text-decoration: none !important;
}

table.tborder:has(a[href*="online.php"]) td a:hover {
    text-decoration: underline !important;
}

/* IP-Adressen & Aufruf-Links dezent klein halten */
table.tborder:has(a[href*="online.php"]) td small,
table.tborder:has(a[href*="online.php"]) td [style*="font-size"] {
    color: #8c8275 !important;
}

/* Fußzeile (Wer war heute online?) */
table.tborder:has(a[href*="online.php"]) .tfoot {
    background: #141210 !important;
    color: #8c8275 !important;
    border-top: 1px solid #332b24 !important;
    padding: 8px 14px !important;
    font-size: 0.85em !important;
}
.profile-card a:link,
.profile-card a:visited {
    color: #a67c52;
}
/* ======================================================
   FALLBACK: GAST-NAME BEI LETZTEM BEITRAG
   ====================================================== */

.lastpost-author:empty::before {
    content: "Gast";
    font-style: italic;
    opacity: 0.85;
}
/* ======================================================
   POSTBIT: FETTSCHRIFT IN BEITRÄGEN WIEDERHERSTELLEN
   ====================================================== */

.post_body strong,
.post_body b,
.post_content strong,
.post_content b {
    font-weight: 700 !important;
}
/* ======================================================
   STECKBRIEF & POSTS: SPAN MIT INLINE-BOLD ERZWINGEN
   ====================================================== */

.post_body span[style*="font-weight: bold"],
.post_body span[style*="font-weight:bold"],
.post_content span[style*="font-weight: bold"],
.post_content span[style*="font-weight:bold"],
div[class*="box"] span[style*="font-weight: bold"],
span[style*="font-weight: bold"],
span[style*="font-weight:bold"] {
    font-weight: 700 !important;
}
/* Index: Thementitel und Forennamen schlank halten */
.forum_status, 
td.trow1 strong, 
td.trow2 strong,
.lastpost strong {
    font-weight: 400 !important; /* oder 300 für ultraleicht */
}
/* Steckbrief & Post-Inhalte: Satte Black-Fettung */
.post_body strong,
.post_body b,
.post_body .mycode_b,
.sb-text-block strong,
.sb-text-block b,
.sb-text-block .mycode_b {
    font-weight: 900 !important;
}
/* ======================================================
   FORENTITEL: EIGENE SCHRIFT & GEWICHTUNG
   ====================================================== */

.custom-forum-title,
.custom-forum-title a {
    font-family: 'Lato', sans-serif !important; /* oder eine Display-Font wie 'Cinzel', falls vorhanden */
    font-weight: 300 !important;               /* Fester Bold-Schnitt für klare Lesbarkeit */
    letter-spacing: 3px !important;            /* Minimal kompakter für besseren Zusammenhalt */
    text-transform: uppercase !important;
    font-size: 1.05em !important;              /* Dezente Präsenz gegenüber den Unterforen */
    text-decoration: none !important;
}

/* Hover-Effekt für die Titel */
.custom-forum-title a:hover {
    opacity: 0.8 !important;
    text-decoration: none !important;
}
/* ======================================================
   THEMENÜBERSICHT (FORUMDISPLAY): SCHLANKE TITEL
   ====================================================== */

/* Ungelesene & normale Thementitel */
.subject_new,
.subject_old,
span[id^="tid_"],
span[id^="tid_"] a,
td[class*="trow"] span[style*="font-weight: bold"] a {
    font-weight: 400 !important; /* oder 300 für filigranen Light-Look */
}

/* Optional: Titel bei Hover minimal hervorheben */
span[id^="tid_"] a:hover {
    font-weight: 400 !important;
    opacity: 0.8;
}
.user-profile-banner {
    width: 100%;
    height: 220px;
    background-color: #2b2b2b; /* Standardfarbe, falls noch kein Bild gesetzt wurde */
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 6px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
/* ======================================================
   Jasper: Memberlist.php
   ====================================================== */

/* Layout & Grid */
.memberlist-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    padding: 10px 15px;
    border-radius: 6px;
}

.memberlist-alphabet a {
    padding: 4px 8px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
}

.member-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 260px));
    justify-content: center; /* Zentriert die Kartenblöcke horizontal */
    gap: 20px;
    margin: 20px auto;
    max-width: 1200px;       /* Verhindert, dass es auf Ultrawide-Monitoren ins Unendliche rennt */
    width: 100%;
}

.member-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
position: relative;
    overflow: hidden;
}

.member-avatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 12px;
border: 10px solid rgb(23, 19, 16);
}

.member-name {
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 4px;
}

.member-title {
    font-size: 0.85em;
    margin-bottom: 8px;
}

.member-group {
    margin-bottom: 15px;
}

.member-stats {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding-top: 12px;
    margin-top: auto;
    font-size: 0.8em;
}

.stat-item {
    display: flex;
    flex-direction: column;
    padding: 6px;
    border-radius: 4px;
}

.stat-label {
    font-size: 0.85em;
    margin-bottom: 2px;
}

.stat-value {
    font-weight: bold;
}
.member-card:hover {
    transform: translateY(-3px);
}
.member-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 80%;
    height: 100%;
    background: linear-gradient(
        90deg, 
        transparent, 
        rgba(255, 255, 255, 0.15), 
        transparent
    );
    transform: skewX(-20deg);
    pointer-events: none;
    transition: none;
}
.member-card:hover::before {
    left: 180%;
    transition: left 1s ease-in-out;
}
.member-card:hover {
    transform: translateY(-4px);
}
.member-group-title {
    font-size: 0.85em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #c9ad82; /* Ein dezentes Pergament-/Gold für die Hall */
    margin-top: 4px;
    font-weight: 500;
}
.thread-header-cell {
    position: relative;
    text-align: center;
    padding: 12px 15px; /* Bei Bedarf anpassen */
}

/* Dein Text in der Mitte bleibt absolut unberührt */
.thread-title-wrap {
    text-align: center;
    width: 100%;
}

/* Dein vorbereiteter Button dockt rechts an */
.thread-header-cell .subscribe-wrapper {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.btn-subscribe {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    font-size: 0.85em;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid;
    transition: all 0.2s ease;
background: radial-gradient(ellipse at top, rgba(255,255,255,0.05), transparent 60%), linear-gradient(180deg, #454443, #191714) !important;
}
/* Responsive Fallback: Falls auf dem Smartphone Text und Button kollidieren */
@media (max-width: 768px) {
    .thread-header-cell .subscribe-wrapper {
        position: static;
        transform: none;
        margin-top: 8px;
    }
}