@import url(https://fonts.bunny.net/css?family=aldrich:400);

/* Linien wech */
a {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none !important;
}

.profile_field_list li 
{ display:inline-block }

.mentiontag {
  background-color: #242424;
}

.mentiontag:hover {
  background-color: #242424;
}

/* Hover von den Menulinks */
.menulinks ul.top_links li {
display: block;
margin: 2px 0;
text-align: center;
}

.menulinks ul.top_links li a {
    position: relative;
    display: inline-block;
    padding: 4px 8px;
}

/* Rahmen */
.menulinks ul.top_links li a::after {
    content: "";
    position: absolute;

    top: -3px;
    left: -6px;
    right: -6px;
    bottom: -3px;

    border: 4px solid transparent;
    pointer-events: none;
}

/* Hover = Rahmen erscheint sofort */
.menulinks ul.top_links li a:hover::after {
    border-color: #ff730b;
    animation: pokemon-hover 0.8s steps(2, end) infinite;
}

@keyframes pokemon-hover {
    0%, 49% {
        opacity: 1;
    }

    50%, 100% {
        opacity: 0.45;
    }
}

/* Symbole wech */
.menulinks ul.top_links li a i,
.menulinks ul.top_links li a .fa,
.menulinks ul.top_links li a img,
.menulinks ul.top_links li a::before {
    display: none !important;
    content: none !important;
}

.menulinks ul.top_links li a {
    background-image: none !important;
}

/* Hintergrund vom Index */
body {
    background-color: #191a23;
    background-image:
        linear-gradient(
            to bottom,
            rgba(25,26,35,.15) 0%,
            rgba(25,26,35,.55) 55%,
            #191a23 100%),
        url(https://images.pexels.com/photos/12365962/pexels-photo-12365962.jpeg);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Panel komplett entfernen */
#panel {
    display: none !important;
}

/* Content nutzt danach die gesamte Breite */
#content {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

/* Für die Beiträge */
.shintergrunde{
	width: 700px; 
	max-width: 100%;
	box-sizing: border-box; 
	margin: 0 auto; 
	height: auto; 
	background-color: #1b252a; 
	color: #cfc5c1; 
	border: 2px solid #895b32; 
	padding: 20px 24px;             
	text-align: justify;      
	hyphens: auto; 
	-webkit-hyphens: auto;
	line-height: 1.7;    
	text-wrap: pretty; 
}

.suberschrift {
	display: flex; 
	align-items: center; 
	gap: 15px; 
	margin: -35px 3px 10px;
} 

.suberschrift span {
	background: #223138; 
	color: #ece4df; 
	font-family: "Aldrich";
	font-size: 30px; 
	padding: 8px 16px; 
	text-transform: uppercase;
	letter-spacing: 2px; 
	box-shadow: inset 0 0 0 3px #223138, inset 0 0 0 5px #c7945c, 0 -3px 0 0 #895b32, 0 3px 0 0 #895b32, -3px 0 0 0 #895b32, 3px 0 0 0 #895b32;}

.suberschrift::after {content: ""; 
	flex: 1; 
	height: 3px; 
	background: #3b4d55;}

.sunterschrift {
	display: flex; 
	align-items: center; 
	gap: 15px; 
	margin: -10px 3px 10px;}

.sunterschrift span {
	background: #223138; 
	color: #ece4df; 
	font-family: "Aldrich"; 
	font-size: 18px; 
	padding: 8px 16px; 
	text-transform: uppercase;
	letter-spacing: 2px; 
	box-shadow: inset 0 0 0 3px #223138, inset 0 0 0 5px #c7945c, 0 -3px 0 0 #895b32, 0 3px 0 0 #895b32, -3px 0 0 0 #895b32, 3px 0 0 0 #895b32;}

.sunterschrift::after {
	content: ""; 
	flex: 1; 
	height: 3px; 
	background: #3b4d55;} 

/* Tldr Zusammenfassung für die Beiträge */
.tldrhubsch {
	width: 500px;
	background-color: #223138;
	border-left: 5px solid #895b32;
	padding: 10px;
		box-sizing: border-box; 
	margin: 0 auto; 
	text-align: left; 
}

.tdlr {
		font-family: "Aldrich"; 
	font-size: 18px; 	
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: -20px;
}

/* ---------- Linkfarben (ersetzt das MyBB-Blau) ---------- */

a:link,
a:visited {
	color: #c7945c;
	text-decoration: none;
}

a:hover,
a:active {
	color: #e1b37f;
}

/* Index Linkfarben */
a.gb-forum__name:link,
a.gb-forum__name:visited { color: var(--gb-white); }
a.gb-forum__name:hover { color: var(--gb-accent); }

a.gb-last__title:link,
a.gb-last__title:visited { color: var(--gb-link); }
a.gb-last__title:hover { color: var(--gb-accent); }

a.bsl-paper:link,
a.bsl-paper:visited,
a.bsl-paper:hover { color: var(--bsl-ink); }

/*Kleine Überschrift */
.kschrift {
	font-family: "Aldrich"; 
	font-size: 18px; 	
	text-transform: uppercase;
	color: #cfc5c1;
}

blockquote,
.codeblock {
  background: #1a2329;
  border: 1px solid #26323a;
  border-left: 3px solid #b87333;
  border-radius: 6px;
  padding: 12px 16px;
  margin: 10px 0;
  color: #c9d3d8;
  box-shadow: none;
}

/* Titelzeile „Zitat:“ / „Code:“ */
blockquote cite,
.codeblock .title {
  display: block;
  font-family: 'Aldrich', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #b87333;
  border-bottom: 1px solid #26323a;
  padding-bottom: 6px;
  margin: 0 0 10px 0;
}

/* Datum + Sprung-Pfeil beim Zitat eines Users */
blockquote cite > span {
  float: right;
  font-size: 10px;
  letter-spacing: 0;
  text-transform: none;
  color: #6f7f88;
}
blockquote cite a { color: #6f7f88; }

/* verschachtelte Zitate etwas dunkler */
blockquote blockquote {
  background: #151d22;
  border-left-color: #7a4f2a;
}

/* Code-Inhalt */
.codeblock code {
  display: block;
  background: #11181d;
  border-radius: 4px;
  padding: 10px 12px;
  max-height: 220px;
  overflow: auto;
  font-family: Consolas, Monaco, 'Courier New', monospace;
  font-size: 12.5px;
  line-height: 1.6;
  color: #d7c2a8;
  white-space: pre;
}

/* Scrollbalken im Codefeld */
.codeblock code::-webkit-scrollbar { width: 6px; height: 6px; }
.codeblock code::-webkit-scrollbar-thumb { background: #b87333; border-radius: 3px; }
.codeblock code::-webkit-scrollbar-track { background: transparent; }
.codeblock code { scrollbar-width: thin; scrollbar-color: #b87333 transparent; }

/* Editor: Textfeld bleibt im Rahmen */
.sceditor-container {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.sceditor-container textarea,
.sceditor-container iframe {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.miniboxen {
	display: flex;
	gap: 10px; 
	flex-wrap: wrap; 
justify-content: center;
}

.minibox1 {
	background: #222c32;
	border-top: 3px solid #905f3d;
	width: 125px; 
	height: 50px; 
	padding: 5px; 
}

.mschrift {
	font-family: "Aldrich"; 
	font-size: 12px; 	
	text-transform: uppercase;
	color: #905f3d;
  font-weight: 300;
}

.lrboxen {
	display: flex;
	flex-wrap: wrap; 
        justify-content: center;
        gap: 10px;
}

.lrbox {
	background: #222c32;
	width: 300px; 
	height: autopx; 
	padding: 5px; 
        font-size: 12px;
}

.timelinep {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: "Aldrich"; 
	font-size: 14px; 	
	text-transform: uppercase;
	color: #905f3d;
}

.timelinep::after {
	content: "";
	flex: 1;
	height: 2px;
	background: #3b4d55;
}
	
.sternzeichen {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
	margin: 10px 0;
}

.stz {
	background: #223138;
	border-top: 2px solid #895b32;
	padding: 12px 14px;
}

.stz b {
	display: block;
	font-family: "Aldrich";
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #ece4df;
}

.stz span {
	display: block;
	font-size: 12px;
	color: #8fa3aa;
	margin-top: 4px;
	text-align: left; 
	hyphens: none;
	line-height: 1.5; 
}