#lexicon {
			width: 100%;
			display: flex;
			gap: 5px;
			justify-content: space-between;
			align-items: flex-start;    
		}
		
		#lexicon #navigation {
    width: 20%;
	box-sizing:border-box;
			display:flex;
			flex-direction: column; 
			gap: 5px;
		}

		#lexicon #navigation .menupart{
    background: var(--tb-bg);
    padding: 20px;
		}
		
		#lexicon #navigation .navigation-headline {
  text-align:center;
 
  text-transform:uppercase;
  font-size:14px; letter-spacing:1px;
	font-family: var(--tb-sub); color: var(--tb-hl1);
  
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  column-gap: 5px;
margin-block-start: 0em;
margin-block-end: 0em;
	margin-top: 10px;
	align-content: center;
    align-items: center;
}

#lexicon #navigation .navigation-headline:after, #lexicon #navigation .navigation-headline:before {
  content: " ";
  display: block;
  border-bottom: 2px solid #ccc;
  background-color: rgba(0,0,0,0);
}

		
		#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%;
    margin: 0 auto;
    padding: 2px 0 2px 0px;;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-family: var(--tb-main);
    color: var(--tb-txt);
		}
		
		#lexicon #navigation .navigation-item:last-child {
			-moz-border-radius-bottomright: 6px;
			-webkit-border-bottom-right-radius: 6px;
			border-bottom-right-radius: 6px;
			-moz-border-radius-bottomleft: 6px;
			-webkit-border-bottom-left-radius: 6px;
			border-bottom-left-radius: 6px;
		}
		
		#lexicon #navigation .navigation-subitem {
width: 100%;
    margin: 0 auto;
    padding: 0 20px 0px 20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
		}
		
		#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;
			justify-content: center;
		}
		
		#lexicon #navigation .navigation-search input.textbox {
			width: 61%;
		}
		
#lexicon .lexicon-entry b{
	color: var(--tb-hl1);
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}

#lexicon .lexicon-entry a:link,
#lexicon .lexicon-entry a:visited { 
	box-shadow: inset 0 0 0 0 var(--tb-hl1);
    color: var(--tb-hl1);
    padding: 0 .25rem;
    margin: 0 -.25rem;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    text-decoration: none;
}

#lexicon .lexicon-entry a:hover {
  color: var(--tb-txt);
  box-shadow: inset 200px 0 0 0 var(--tb-hl1);
}

		#lexicon .lexicon-entry {
	width: 80%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 5px;
		}
		
#lexicon .lexicon-entry .entry-headline{
	position: relative;
    font-family: var(--tb-main);
    font-size: 25px;
    font-weight: normal;
    text-align: left;
    color: var(--tb-txt);
	margin-block-start: 0em;
    margin-block-end: 0.2em;
	padding: 10px 20px 0.3em 15px;
    text-transform: uppercase;
    background: var(--tb-bg);
}
#lexicon .lexicon-entry .entry-headline::before,
#lexicon .lexicon-entry .entry-headline::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 15px;
}
#lexicon .lexicon-entry .entry-headline::before {
    z-index: 2;
    width: 35%;
    background-color: var(--tb-hl1);
}
#lexicon .lexicon-entry .entry-headline::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, var(--tb-hl1) 2px, var(--tb-hl1) 4px);
	background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, var(--tb-hl1) 2px, var(--tb-hl1) 4px);
}

	
		
		
		#lexicon .lexicon-entry .entry-subline {
			text-align: right;
			padding-right: 10px;
			padding-top: 5px;
		}
		
		#lexicon .lexicon-entry .entry {
	background: var(--tb-bg);
    padding: 20px;
			line-height: 1.7em;
		}
		
		#lexicon .lexicon-entry .entry.content {
			-moz-border-radius-bottomright: 0;
			-webkit-border-bottom-right-radius: 0;
			border-bottom-right-radius: 0;
			-moz-border-radius-bottomleft: 0;
			-webkit-border-bottom-left-radius: 0;
			border-bottom-left-radius: 0;
		}
		
		#lexicon .lexicon-entry .content-bit {
			padding: 0 40px 40px 40px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 20px;
			-moz-border-radius-bottomright: 6px;
			-webkit-border-bottom-right-radius: 6px;
			border-bottom-right-radius: 6px;
			-moz-border-radius-bottomleft: 6px;
			-webkit-border-bottom-left-radius: 6px;
			border-bottom-left-radius: 6px; 
		}
		
		#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;
		}
		