.lexikon_info_background { 
    background: url(https://bloodofthelawless.de/images/01/bg.png); 
    background-attachment: fixed; 
    background-size: cover; 
    width: 700px; 
    margin: auto; 
    border: 1px solid #333; 
    padding: 20px;  
	margin-bottom: 30px;
	margin-top: 30px;
} 

.lexikon_info_top_titel {
	font-family: var(--akzentfont);
	text-transform: uppercase;
	font-size: 35px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 40px;
}

.lexikon_info_titel { 
    color: #676767; 
    text-align: center; 
    text-transform: uppercase; 
    font-weight: bold; 
    letter-spacing: 1px; 
    font-size: 10px; 
} 

.lexikon_info_titel::after { 
    content: ''; 
    height: 1px; 
    width: 200px; 
    background: #f00a0a; 
    display: -webkit-inline-box; 
    margin-left: 70px; 
    margin-top: -4px; 
} 

.lexikon_info_bild {
	float: left;
	border: 1px solid var(--borderfarbe);
	padding: 10px;
	margin-right: 14px;
}

.lexikon_info_textbox {
	color: #dbdbdb;
	margin: 20px;
	margin-top: 50px;
	font-size: 14px;
	text-align: justify;
	line-height: 30px;
}

.lexikon_info_textbox b, .lexikon_info_textbox i {
	color: #f00a0a;
	font-weight: bold;
	background: #222;
	padding: 4px;
	font-size: 13px;
}

.dekobild_css { 
    border: 1px solid #444; 
    padding: 10px; 
    background: #111; 
    margin-right: 20px; 
    margin-bottom: 10px; 
}


.lexikon_background {
	background: var(--bodybackground);
	background-attachment: fixed;
	background-position: center;
	padding: 30px;
	border: 1px solid var(--borderfarbe);
}

.lexikon_regel_titel {
	font-family: var(--akzentfont);
	text-transform: uppercase;
	font-size: 30px;
	color: var(--akzentfarbe);
}

#lexicon {
			width: 100%;
			display: flex;
			gap: 20px;
			justify-content: space-between;
			align-items: flex-start;    
		}
		
#lexicon #navigation {
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: #fff;
}
		
#lexicon #navigation .navigation-headline {
	min-height: 50px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 0 5px;
	box-sizing: border-box;
	background: var(--background_schwarz);
	color: var(--lesfarbe);
	font-family: var(--seriffont);
	font-size: 17px;
	letter-spacing: -2px;
}
		
		
		#lexicon #navigation .navigation-headline:first-child a:link,
		#lexicon #navigation .navigation-headline:first-child a:visited,
		#lexicon #navigation .navigation-headline:first-child a:active,
		#lexicon #navigation .navigation-headline:first-child a:hover {
			margin-left: 0;
		}
		
		#lexicon #navigation .navigation-headline a:link,
		#lexicon #navigation .navigation-headline a:visited,
		#lexicon #navigation .navigation-headline a:active,
		#lexicon #navigation .navigation-headline a:hover {
			color: #ffffff;
			margin-left: 5px;
		}
		
#lexicon #navigation .navigation-item {
	min-height: 25px;
	width: 100%;
	margin: 0 auto;
	padding: 5px 20px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	border-bottom: 1px solid var(--borderfarbe);
	background: var(--background_schwarz);
}

#lexicon #navigation .navigation-item a:link, #lexicon #navigation .navigation-item a:visited, #lexicon #navigation .navigation-item a:active, #lexicon #navigation .navigation-item a:hover {
	color: var(--weiss);
	font-size: 12px;
	font-weight: bold;
}
		
#lexicon #navigation .navigation-subitem {
	min-height: 25px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px 0px 20px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	background: var(--background_schwarz);
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

#lexicon #navigation .navigation-subitem a:link, #lexicon #navigation .navigation-subitem a:visited, #lexicon #navigation .navigation-subitem a:active, #lexicon #navigation .navigation-subitem a:hover {
	color: var(--lesfarbe);
}
		
		#lexicon #navigation .navigation-subitem i {
			font-size: 11px;
			padding-top: 1px;
		}
		
		#lexicon #navigation .navigation-externallink-option {
			width: 100%;
			text-align: right;
		}
		
#lexicon #navigation .navigation-search {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	background: var(--background_schwarz);
	justify-content: center;
}
		
		#lexicon #navigation .navigation-search input.textbox {
			width: 68%;
		}
		
#lexicon .lexicon-entry {
	width: 80%;
	box-sizing: border-box;
}
		
#lexicon .lexicon-entry .entry-headline {
	height: 50px;
	width: 100%;
	font-size: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	color: var(--weiss);
	text-transform: uppercase;
	font-family: var(--seriffont);
}
		
		
#lexicon .lexicon-entry .entry-subline {
	text-align: right;
	padding: 5px;
	background: var(--bodybackground);
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	word-spacing: 20px;
}
		
#lexicon .lexicon-entry .entry {
	padding: 20px 40px;
	text-align: justify;
	line-height: 180%;
	background: var(--background_schwarz);
}
		
		
		#lexicon .lexicon-entry .content-bit {
			padding: 0 40px 40px 40px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 20px;

		}
		
		#lexicon .lexicon-entry .content-bit .content-letter {
			width: 45%;     
		}
		
		#lexicon .lexicon-entry .content-bit .content-letter .content-item {
			margin-bottom: 5px;    
		}
		
		#lexicon .lexicon-entry .content-bit .content-letter .content-item .content-item-cat {
			font-size:0.7em;
		}
		
		#lexicon .lexicon-entry .lexicon_search_results {
			margin-bottom: 10px;
		}