.wiki_tooltip {
	position: relative;
	cursor: help;
	border-bottom: 1px dotted coral;
	padding: 3px;
	color: var(--color_01);
	font-weight: bold;
	font-family: var(--monofont);
}

    .wiki_tooltip .wiki_tooltiptext {
      visibility: hidden;
      width: 700px;
      background-color: #222;
      color: #fff;
      text-align: justify;
      border-radius: 5px;
      padding: 15px;
      position: absolute;
      z-index: 10;
      bottom: 125%;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      transition: opacity 0.3s;
      font-size: 0.9em;
		font-weight: normal;

    }

    .wiki_tooltip:hover .wiki_tooltiptext {
      visibility: visible;
      opacity: 1;
    }

    .wiki_tooltip .wiki_tooltiptext::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #222 transparent transparent transparent;
    }

.entry u {
	background: none;
	padding: 3px;
	text-decoration: none;
	border-bottom: 1px solid coral;
	color: var(--color_01);
	font-family: var(--monofont);
	font-size: 12px;
}

.entry b {
	font-size: v;
	color: var(--color_01);
	font-size: 13px;
	font-family: var(--monofont);
}

.drift_planet_titel {
	font-size: 40px;
	font-family: var(--seriffont);
	text-transform: uppercase;
	color: var(--color_01);
}

.drift_planet_info_titel {
	background: var(--bgf_02);
	outline: 1px solid var(--border_01);
	outline-offset: 10px;
	margin-bottom: 20px;
	border-radius: 10px 10px 10px 10px;
	padding: 10px;
	text-transform: uppercase;
	font-weight: bold;
	color: var(--color_02);
	font-family: var(--monofont);
}


.drift_lexicon_mainpage_box {
	width: 1400px;
	margin: auto;
	margin-top: 150px;
	margin-bottom: 150px;
}

.drift_lexicon_backto {
	background: var(--bgf_04);
	padding: 9px;
	text-transform: uppercase;
	font-size: 11px;
	font-family: var(--monofont);
	font-weight: bold;
	position: fixed;
	top: 0;
	left: 0;
}

.drift_lexicon_menu {
	background: var(--bgf_02);
	border-radius: 10px 10px 10px 10px;
}

.drift_lexicon_menu_titel {
	color: var(--color_02);
	font-family: var(--monofont);
	text-transform: uppercase;
	font-weight: bold;
	padding: 6px;
	font-size: 11px;
	transition: background 0.3s;
}

.drift_lexicon_menu_titel:hover {
            background: var(--bgf_04);
			color: var(--color_01);
        }

.lexikon_info_background {
	border: 1px solid var(--border_01);
	padding: 30px;
}


.lexikon_info_top_titel {
	font-family: var(--seriffont);
	text-transform: uppercase;
	font-size: 60px;
	color: var(--color_01);
	margin-bottom: 20px;
}

.lexikon_info_titel {
	font-family: var(--monofont);
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	background: var(--bgf_02);
	color: var(--color_02);
	padding: 9px;
	display: inline;
}

.lexikon_info_textbox b {
	font-family: var(--monofont);
	text-transform: uppercase;
	font-size: 21px;
	color: var(--color_01);
}

#lexicon {
			width: 100%;
			display: flex;
			gap: 20px;
			justify-content: space-between;
			align-items: flex-start;    
		}
		
#lexicon #navigation {
	width: 90%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: var(--bgf_02);
	border-radius: 10px 10px 10px 10px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
		
#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(--bgf_03);
	color: var(--color_01);
}
		
		
		#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 {
	width: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
		
		
#lexicon #navigation .navigation-subitem {
	width: 100%;
	padding: 3px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	background: var(--bgf_03);
	text-transform: uppercase;
	font-size: 12px;
	font-family: var(--monofont_second);
	margin: 3px;
	padding-left: 10px;
}
		
		#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: #f5f5f5;
	justify-content: center;
	text-align: center;
}
		
		#lexicon #navigation .navigation-search input.textbox {
			width: 68%;
		}
		
#lexicon .lexicon-entry {
	width: 80%;
	box-sizing: border-box;
}
		
#lexicon .lexicon-entry .entry-headline {
	width: 100%;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	background: var(--bgf_02);
	color: var(--color_02);
	font-family: var(--monofont);
	padding: 20px;
	box-sizing: border-box;
	font-weight: bold;
}
		
		
		#lexicon .lexicon-entry .entry-subline {
			text-align: right;
			padding-right: 10px;
			padding-top: 5px;
			background: #000;
		}
		
#lexicon .lexicon-entry .entry {
	padding: 20px 40px;
	text-align: justify;
	line-height: 21px;
	background: var(--bgf_04);
	color: var(--color_03);
	font-size: 13px;
}
		
		#lexicon .lexicon-entry .entry.content {
		}
		
		#lexicon .lexicon-entry .content-bit {
			padding: 0 40px 40px 40px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 20px;
			background:#f5f5f5;

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