/* CSS Charcounter*/
    .cc_toless {
      color:  red;
      font-weight: 700;
  }
  #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;
			border: 1px solid #ccc;
			padding: 1px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;   
		}
		
		#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: #0066a2 url(../../../images/thead.png) top left repeat-x;
			color: #ffffff;
		}
		
		#lexicon #navigation .navigation-headline:first-child {
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px; 
		}
		
		#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 #ddd;
			background: #f5f5f5;
		}
		
		#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 {
			min-height: 25px;
			width: 100%;
			margin: 0 auto;
			padding: 0 20px 0px 20px;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			border-bottom: 1px solid #ddd;
			background: #f5f5f5;
		}
		
		#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;
			border-bottom: 1px solid #ddd;
			background: #f5f5f5;
			justify-content: center;
		}
		
		#lexicon #navigation .navigation-search input.textbox {
			width: 68%;
		}
		
		#lexicon .lexicon-entry {
			width: 80%;
			box-sizing: border-box;
			background: #fff;
			border: 1px solid #ccc;
			padding: 1px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;    
		}
		
		#lexicon .lexicon-entry .entry-headline {
			height: 50px;
			width: 100%;
			font-size: 30px;
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: bold;
			text-transform: uppercase;
			background: #0066a2 url(../../../images/thead.png) top left repeat-x;
			color: #ffffff;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px; 
		}
		
		
		#lexicon .lexicon-entry .entry-subline {
			text-align: right;
			padding-right: 10px;
			padding-top: 5px;
			background: #f5f5f5;
		}
		
		#lexicon .lexicon-entry .entry {
			background: #f5f5f5;
			padding: 20px 40px;
			text-align: justify;
			line-height: 180%;   
			-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 .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;
			background:#f5f5f5;
			-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;
		}.reservations-desc {
        text-align: justify;
        padding: 20px 40px;
        }

        .reservations_formularPage form {
        width: 30%;
        margin: 10px auto;
        }

        .reservations_formularShowthread form {
        width: 84%;
        margin: 10px auto;
        }

        .reservations_formular-label {
        font-weight: bold;
        width: 100%;
        }

        .reservations_formular-input {
        margin-bottom: 8px;
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        justify-content: space-between;
        }

        .reservations_formular-select, 
        .reservations_formular-select select,
        .reservations_formular-field,
        .reservations_formular-field input.textbox,
        .reservations_formular-field .select2-container {
        width: 100%;
        box-sizing: border-box;
        }

        .reservationsSingle, 
        .reservations-genderflex {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        }

        .reservations-reservation {
        width: 100%;
        }

        .reservations-genderline {
        font-weight: bold;
        padding: 3px;
        }

        .reservations_entry {
        padding: 5px;
        }

        .reservations_types {
        margin-bottom: 10px;
        }

        /* SHOWTHREAD */
        .reservations_showthread {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        align-items: flex-start;
        }

        .reservations_showthread-guide {
        width: 40%;
        }

        .reservations_showthread-output {
        width: 60%;
        }

        .reservations_showthread-desc {
        text-align: justify;
        padding: 20px 40px;
        }

        /* TABS */
        .reservationTab {
        display: flex;
        flex-wrap: nowrap;
        }

        .reservationTablinks {
        padding: 10px;
        transition: 0.3s;
        cursor: pointer;
        }

        .reservationTablinks:hover {
        background-color: #ddd;
        }

        .reservationTablinks.active {
        background-color: #ccc;
        font-weight: bold;
        }

        .reservationTabcontent {
        display: none;
        }

        .reservations_ownreservations {
        margin-bottom: 20px;
        }

        .reservations_ownreservations-types,
        .reservations_blockedreservations-types {
        display: flex;
        }

        .reservations_ownreservationsBit,
        .reservations_blockedreservationsBit{
        width: 100%;
        }

        .reservations_ownreservations-title,
        .reservations_blockedreservations-title{
        font-weight: bold;
        padding: 3px;
        }

        .reservationsBanner {
        font-size: 14px;
        margin-top: -2px;
        float: right;
        }