* {
	margin: 0px;
	padding: 0px;
	line-height: 1.5;

	-ms-content-zooming: none;
}

input[type="text"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.no-scroll {
	overflow: hidden;
}

img {
	display: block;
}

body {
	background: #f0f0f0;
	overflow-y: scroll;
}

.has_flex {
	display: flex !important;
	white-space: pre-wrap;
}
.cjs_flex {
	display: flex;
}

.cjs_flex_break {
	flex-basis: 100%;
	height: 0;
}

a.whiteLink {
	color: #ffffff;
	text-decoration: none;
}

.cjs_noUnderline {
	text-decoration: none;
}

.cjs_flexBreak {
	flex-basis: 100%;
	height: 0;
}

.cjs_hidden {
	display: none !important;
}

.cjs_displayBlock {
	display: block;
}

.cjs_displayFlex {
	display: flex !important;
	width: fit-content;
}

.cjs_pointer {
	cursor: pointer;
}

/* LOGGED BAR */
#backendBar {
    display: flex;
    background: #333;
    justify-content: flex-end;
    flex-wrap: nowrap;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 2000;
	min-height: 35px;
	align-items: center;
}
#backendBar a {
	background: none;
	color: #fff;
}

#backendBar a:hover {
	background: #ccc;
	color: #333;
}


/* HEADER */

#mainHeader {
	display: flex;
	background: #fff;
	width: 100%;
	position: relative;
	z-index: 110;
	margin-bottom: 20px;
	min-height: 1px;
}

#mainHeader_content {
	margin: 0px auto;
	width: 100%;
	max-width: 960px;
	padding: 0px 10px;
}

#headerButtons {
	display: flex;
	padding: 10px 0px 0px;
	flex-direction: row;
	flex-wrap: wrap;
}

.headerButtons_button {
	width: 24px;
	margin: 0px 8px 0px 0px;
}

.headerButtons_button svg * {
	fill: #505050 !important;
}

#headerDate {
	font-size: 12px;
	text-align: right;
	margin-left: auto;
}

#headerLogo_wrapper {
	display: flex;
    flex-direction: column;
    align-items: center;
	padding: 10px 0px 20px;
}

#headerLogo {
	display: flex;
	width: 100%;
    max-width: 400px;
}

#headerLogo > svg * {
	fill: #cc0000 !important;
}

#headerDescription {
	text-align: center;
	margin: 10px 0px 0px;
}

/* MAIN */
.mainContent {
	max-width: 960px;
	width: calc( 100% - 20px );
	margin: 0px auto;
	padding: 0px 10px;
}

.cjs_processButton_v2 {
	background: #333;
	color: #ffffff;
	display: flex;
}

.cjs_processButton_v2_question,
.cjs_processButton_v2_cancel,
.cjs_processButton_v2_confirm {

	cursor: pointer;
	padding: 4px 10px;
}


/* BREADCRUMBS */
#breadcrumbsNavigation {
	border-bottom: 1px #ccc dotted;
	padding: 0px 0px 4px;
	font-size: 11px;
	color: #333;
	margin-bottom: 10px;
}

.backendSave {
	width: calc( 100% - 20px );
	background: #cc0000;
	color: #ffffff;
	padding: 8px 10px;
	cursor: pointer;
	margin: 18px 0px 2px 0px;
}

#breadcrumbsNavigation * {
	font-size: inherit;
}

#breadcrumbsNavigation * a {
	color: #cc0000;
	text-decoration: none;
}

	#wrapperContent {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
		margin: 10px 0px 0px;
	}

	#fullContent {
		margin: 0px 0px 40px 0px;
		padding: 10px 15px;
		background: #fff;
		width: calc( 100% - 30px );
	}

	#fullContent th {
		text-align: left;
	}

	#backendContent {
		display: flex;
		justify-content: space-between;
	}

	/* LEFT CONTENT */
	#leftContent {
		/* margin: 0px 0px 40px 0px; */
		padding: 10px 15px;
		background: #fff;
		width: calc( 100% - 30px );
		max-width: 595px;
	}

	.mainUpline,
	.homeGrid_upline {
		font-weight: bold;
		display: block;
		margin: 0px 0px 8px 0px;
		color: #000000;
	}

	.homeGrid_ad {
		font-size: 10px;
		color: #333;
		position: absolute;
		top: -20px;
		text-align: right;
		width: calc( 100% - 10px );
	}

	.mainUpline_red,
	.homeGrid_upline_red {
		text-transform: uppercase;
		color: #cc0000;
	}

	#publishDate {
		display: flex;
		font-size: 11px;
		color: #333;
		margin: 0px 0px 6px 0px;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
	}

	#createdDraft,
	.pageNote_container {
		display: flex;
		justify-content: center;
		padding: 4px 0px ;
		background: #333333;
		color: #ffffff;
		cursor: pointer;
	}

	/* BEITRÄGE */
	.entryList_display {
		padding: 8px 0px;
		border-bottom: 1px solid #ccc;

		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
	}

	.entryList_display a {
		color: #cc0000;
		text-decoration: none;
	}

	.entryList_display_link {
		display: flex;
		width: calc( 100% - 30px );
	}

	.entryList_display_svgWrapper {
		width: 20px;
		display: flex;
		cursor: pointer;
	}
	
	.entryList_display_svgWrapper svg * {
		fill: #cc0000 !important;
	}

	.entryList_display_deails,
	.entryList_display_deails * {
		font-size: 10px;
	}

	/* .entryList_display:nth-child(even) {background: #ccc}
	.entryList_display:nth-child(odd) {background: #f0f0f0} */

	.entryList_details {
		display: flex;
		width: calc( 100% - 8px );
		margin: 4px 0px 0px;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: flex-start;
		padding: 4px;
		background: #f0f0f0;
	}

	.entryList_details_row {
		padding: 4px 0px;
	}

	.entryList_details_row,
	.entryList_details_label,
	.entryList_details_value {

		display: flex;
	}

	.entryList_details_label {
		width: 120px;
	}


	/* BEITRAG */
	#entryHeadline,
	#entryUpline,
	#input_entryPermalink {
		width: 100%;
		padding: 0px;
		outline: none;
		border: none;
		font-size: 26px;
		font-weight: bold;
		background: #f0f0f0;
		display: block;
		line-height: 1.25;
		border-bottom: 1px solid #333;
	}

	#entryUpline,
	#input_entryPermalink {
		font-size: 15px;
	}

	#input_entryPermalink {
		flex-grow: 0; /* do not grow   - initial value: 0 */
		flex-shrink: 1; /* do not shrink - initial value: 1 */
		margin: 0px 0px 0px 4px;
		font-size: inherit;
		padding: 0px 4px;
	}

	#backend_permalink {
		margin: 8px 0px 0px 0px;
		font-size: 12px;
	}

	.backend_fullWidth_container {
		display: flex;
	}

	.backend_fullWidth_label {
		flex-shrink: 0; /* do not shrink - initial value: 1 */
		font-size: inherit;
	}

	#entryNext {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		margin: 20px 0px 0px;
	}

	/* BILD */

	.dropText {
		margin: 0px 0px 10px 0px;
	}
	
	.selectFile::-webkit-file-upload-button,
	.selectFiles::-webkit-file-upload-button {
		visibility: hidden;
	}

	.selectFile::before,
	.selectFiles::before {
		content: 'Datei auswählen';
		padding: 5px 8px;
		outline: none;
		white-space: nowrap;
		display: inline-block;
		width: calc( 100% - 16px );
		color: #000;
		text-align: center;
		cursor: pointer;
		background: #585858;
		color: #fff;
	}

	.selectFiles::before {
		content: 'Bilder auswählen';
	}

	#backend_imageSaved {
		display: block;
		width: 100%;
		margin: 10px 0px 0px;
	}

	.dropContainer {
		display: flex;
		align-items: center;
		background: #ccc;
		max-height: 247.92px;
		height: fit-content;
	}
	
		/* BACKEND - Kommt vielleicht in eine neue Datei … */
		.backendPublish_narrowInput {
			width: 3em;
			text-align: center;
			margin: 0px 2px;
		}
		.backendPublish_wideInput {
			width: 4em;
			text-align: center;
			margin: 0px 2px;
		}
		#dropContainer_canvas {
			max-width: 100%;
			max-height: 100%;
			margin: 10px 0px 0px;
			background: #cc0000;
		}

		#backendPublish_container,
		#backendDraft_container,
		#backendExpire_container,
		#backendSettings_container,
		.backend_rightContent_container {
			padding: 0px 10px;
		}

		#backendSettings_container {
			display: flex;
			justify-content: space-between;
		}

		#backendCategories .categoryEntry,
		#backendDraft_container {
			padding-left: 10px;
		}

		.categoryRow {
			cursor: pointer;
			display: flex;
		}

		.categorySelector,
		.saveSelector,
		.saveHEX {
			margin: 0px 10px 0px 0px;
		}

		#backendCategories_content {
			/* height: 200px; */
			/* overflow-y: scroll; */
		}

	.dropContainer_center {
		padding: 20px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: center;
		align-items: center;
		width: 100%;
	}

	/* RIGHT CONTENT */
	#rightContent {
		width: 292px;
		background: #fff;
	}

/* FOOTER */
#mainFooter {
	background: #cc0000;
	padding: 20px 0px 30px;
	color: #ffffff;
	line-height: 1.5;
	margin: 50px 0px 0px;
}

#footerContent {
	display: flex;
	text-align: center;
	flex-direction: column;
	padding: 0px 10px 0px;
}

.redButton {
	display: inline-block;
	background: #cc0000;
	color: #fff;
	padding: 4px 10px;
	cursor: pointer;
}

.greyButton {
	display: inline-block;
	background: #333333;
	color: #fff;
	padding: 4px 10px;
	cursor: pointer;
}

/** EDITOR */
#tinyMCE_editorLoader {
	text-align: center;
}


.cjs_line_h {

	display: block;
	height: 1px;
	width: 100%;
	background: #ccc;
}

#leftContent_categories {
	display: flex;
	width: 100%;
	flex-direction: column;
	flex-wrap: wrap;
}

#leftContent_categories a {
	color: #cc0000;
	text-decoration: none;
}

#leftContent_categories div {
	padding: 0px 0px 0px 10px;
}

.cjs_line_padding {
	margin: 8px 0px;
}

.category_line {
	flex-direction: row;
	flex-wrap: wrap;
	margin: 30px 0px 0px;
}

.backend_datePicker {
	margin: 4px 0px 0px;
}



#backend_imageOutput {
	position: relative;
	margin: 10px 0px;
}


#request_send {
	margin: 20px 0px 0px;
}

#request_back {
	margin: 0px 0px 20px 0px;
}

#authenticationCheck {
	display: flex;
    margin: 10px 0px;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: fit-content;
}

#authenticationConsent {
	margin: 10px 0px;
}

.lightgrey,
.lightgreyText {
	color: #c5c5c5;
}

.lightgrey {
	border: 1px solid #c5c5c5;
}

.grey,
.greyText {
    color: #333;
}

.grey {
	border: 1px solid #333;
}

.redText {
	color: #cc0000;
}
.red {
	border: 1px solid #cc0000;
    color: #cc0000;
}

.whiteText, .white {
	color: #ffffff;
}
.white {
	border: 1px solid #ffffff;
}

.outlinedLink, .outlinedList, .cjs_textEditor_button, .outlinedEquipment, .customInput_burger_v3, .outlinedBlock, .outlinedSVG, .outlinedSVG_wide {
	text-decoration: none;
    background: none;
    font-size: 14px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    padding: 5px 10px;
    display: inline-block;
    margin: 5px 8px 5px 0px;
    cursor: pointer;
}

.cjs_preloader_wrapper {
	display: flex;
	align-items: center;
}

.cjs_preloader_wrapper {
	position: fixed;
	top: 0px; right: 0px; bottom: 0px; left: 0px;
	margin: auto;
	z-index: 999;
	display: flex;
    justify-content: center;
}

.cjs_preloader_content {
	position: absolute;
	display: flex;
	align-items: center;
    flex-direction: column;
	z-index: 10;
	color: #ffffff;
	flex-wrap: wrap;
}

/* https://www.w3schools.com/howto/howto_css_loader.asp */

.cjs_preloader_spinner {
	border: 2px solid #fff;
	border-radius: 50%;
	border-top: 2px solid #000;
	width: 8px;
	height: 8px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate( 0deg ); }
	100% { -webkit-transform: rotate( 360deg ); }
}

@keyframes spin {
	0% { transform: rotate( 0deg ); }
	100% { transform: rotate( 360deg ); }
}

#cjs_preloader_spinnerWrapper {
	display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.cjs_preloader_text {
	margin: 0px 0px 0px 10px;
}

.cjs_preloader_background {
	background-color: #000;
	width: 100%;
	height: 100%;
	opacity: 0.85;
}

#cancelXHR {
	margin: 30px 0px 0px;
	width: fit-content;
}


.entryList_display_svgWrapper {
	cursor: pointer;
	margin: 0px 0px 0px 10px;
}

.entryList_display_svgWrapper svg {
	height: 20px;
}

.cjs_placeholderText {
	color: #585858;
}

.cjs_bold {
	font-weight: bold;
}


.cjs_overlayContainer,
.cjs_overlayBackground,
.cjs_centerNote_wrapper {
	display: block;
	position: fixed;
	left: 0px; top: 0px; right: 0px; bottom: 0px;
}

.cjs_overlayContainer {
	z-index: 23000;
}

.cjs_overlayBackground {
	background: #000000;
	opacity: 0.85;
	bottom: inherit;
}


.cjs_overlayContainer_v2 {
	position: fixed;
	display: flex;
	left: 0px; top: 0px; right: 0px; bottom: 0px;
	z-index: 2300;
	align-items: center;
}

.cjs_overlayContainer_v2_content,
.cjs_overlayContainer_v2_fullContent {
	width: 100%;
	max-width: calc( 320px - 40px );
	padding: 20px;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	height: auto;
	background: #ffffff;
	text-align: center;

	display: flex;
    align-items: center;
    justify-content: center;
}

.cjs_overlayContainer_v2_content a {
	color: -webkit-link;
}

.cjs_overlayContainer_v2_fullContent {
	max-width: unset;
	overflow: hidden;
	padding: 0px;
	border: none;
	background: none;
	top: 0px;
	bottom: 0px;
	height: unset;
}

.cjs_overlayContainer_v2_fullContent.center {
	display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
	position: fixed;
}

#cjs_imageViewer_buttons {
	height: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
	position: fixed;
    right: 0px;
    bottom: 0px;
}

#cjs_imageViewer_buttons svg * {
	fill: #fff !important;
}

#cjs_imageViewer_buttons .cjs_svgButton {
	background: #000;
	margin: 0px 4px;
}

.cjs_noBreak {
	white-space: nowrap;
}

.cjs_forceBreak {
	overflow-wrap: break-word;
	word-break: break-all;
}

.backend_backLINK,
.backend_createLINK,
.backend_buttonLINK,
.backend_greyBUTTON {
	display: flex;
    width: fit-content;

	padding: 4px 10px;
	background: #333333;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

.backendGrid_three {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: space-between;
    align-items: flex-start;
}

.backendGrid_three > div {
	/* padding: 0px 20px; */
}

.cjs_openExternal {

	font-weight: bold;
    margin: 16px 0px 0px;
    font-size: 22px;
    display: block;
    text-decoration: underline;
}


.flex_headlineContainer {
	display: flex;
	justify-content: flex-start;
    align-items: center;
}


#backend_buttonsContainer {
	display: flex;
	margin-bottom: 20px;
}

.backend_backLINK,
.backend_buttonLINK {
	margin-right: 10px;
}

.backend_saveButton {
	background: #333333;
	color: #ffffff;
	padding: 4px 10px;
	width: fit-content;
	cursor: pointer;
	margin-top: 20px;
}


#homeGrid_container {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-evenly;
	flex-direction: row;
	flex-wrap: wrap;
}
.homeGrid_image {
	min-width: 280px;
	width: 100%;
	max-width: 280px;
	margin: 0px 0px 10px 0px;
	display: block;
	height: auto;
}

.homeGrid_event_details {
	margin-left: 20px;
	overflow: hidden;
}

.homeGrid_entry,
.homeGrid_event {
	display: flex;
	width: 100%;
	max-width: 280px;
	margin: 20px 20px 30px;
	padding: 5px;
	flex-direction: column;
	background-color: #ffffff;
	height: 500px;
	align-content: flex-start;
	position: relative;
	-moz-hyphens: auto 2;
	-o-hyphens: auto 2;
	-webkit-hyphens: auto 2;
	-ms-hyphens: auto 2;
	hyphens: auto 2;
	justify-content: flex-start;
	align-items: flex-start;
}

.homeGrid_entry a {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.homeGrid_metaData a,
.nlf__overview_hasAdvices a,
.nlf__overview_hasWidget a {
	width: unset;
	height: unset;
}

.nlf__overview_hasWidget.customEntry_container {
	flex-wrap: wrap;
	flex-direction: row;
	align-content: space-between;
}

.customEntry_container .customEntry_link,
.customEntry_container .customEntry_link a {
	display: block;
	text-align: center;
	padding: 14px 0px;
	background: #e6e6e6;
	color: #666;
	font-weight: bold;
	width: 100%;
}

.homeGrid_entryContainer {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 100%;
}

.homeGrid_headline {
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	font-weight: bold;
	display: block;
	color: #000000 !important;
	line-height: 1.4;
	display: block;
	text-decoration: none;
}

.homeGrid_content,
.homeGrid_event_summary {
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    width: 100%;
	line-height: 1.6;
	color: #333333;
}

.homeGrid_metaData {
	/* margin: 50px 0px 0px; */
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
	padding-top: 10px;
	border-top: 1px solid #e6e6e6;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	background: #ffffff;
}

.homeGrid_metaData_published {
	font-size: 12px;
	color: #585858;
}
.homeGrid_metaData_continue {
	text-decoration: none;
	color: #cc0000;
}

.events_subContainer {
	display: block;
	margin: 0px 0px 10px 0px;
}
.events_subHeading {
	display: block;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
}


.cjs_customInput_spacer {
	margin: 0px 4px;
}


textarea,
textarea:focus,
textarea:active {
	background: #ffffff;
	border: 1px solid #333;
	font-size: 14px;
	padding: 4px 8px;
	width: calc( 100% - 18px );
	resize: vertical;
	min-height: 120px;
	outline: none;
	display: block;
}


#event_ticketContainer {
	margin-top: 10px;
	padding: 10px;
	background:#e6e6e6
}

#event_ticketContainer h2 {
	margin-top: 0px;
}


.events_dateWrapper .backend_datePicker {
	margin: 0px;
}


.events_dateWrapper {
	padding: 0px 0px 4px 0px;
	border-bottom: 1px solid #333;
	margin: 0px 0px 4px 0px;
}

.events_dateWrapper_delete {
	margin: 4px 0px 0px;
}


.leftContent_dates {
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #333;
	padding: 0px 0px 6px 0px;
}


.backendPublish_proportionate,
.backendPublish_center {
	padding: 2px 10px;
	border: 1px solid #fff;
}

.backendPublish_active {
	color: #ffffff;
	background: #cc0000;
}

.backend_toggle_h2 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: baseline;
	justify-content: space-between;
}

.backend_toggle_button {
	padding: 0px 10px;
}

#leftContent_entry * a {
	color: #cc0000;
}


.backend_menuWrapper li {
	margin: 0px 0px 4px 0px;
}

.backend_ranking_input {
	width: 30px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	outline: none;
	border: none;
	background: #ffffff;
	text-align: center;
	font-weight: bold;
}

/* NAV */
.mainMenu {
	display: flex;
	align-items: baseline;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
	font-size: 13px;
	position: relative;
}

.menuEntry {
	display: inline-block;
	background: #fff;
	padding: 6px 10px;
	text-decoration: none;
	color: #000;
}

.menuEntry_expand {
	display: none;
	text-decoration: none;
	color: inherit;
	background: inherit;
	cursor: pointer;
}

.menuEntry_subMenu {
	display: none;
	flex-direction: column;
	flex-wrap: wrap;
	position: absolute;
	z-index: 1;
	padding: 0px;
	max-width: 190px;
	/* min-width: 190px; */
	/* width: 190px; */

	width: calc( 100% - 71px );
}

.mainMenu li {
	display: block;
}

.mainMenu a:hover,
.menuEntry_dropdown:hover .menuEntry {
	background-color: #cc0000;
	color: #fff;
}

#main_rightContent > .homeGrid_entry {
	margin: 0px 0px 30px 0px;
}



@media only screen and ( min-width: 1001px ) {

	#buttonMenu {
		display: none;
	}

	.homeGrid_event_container {
		height: 510px;
		margin: 20px 0px 30px;
		display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
	}

	#homeGrid_container {
		justify-content: space-between;
	}

	.homeGrid_entry {
		margin: 20px 0px 30px;
	}

	.menuEntry_dropdown:hover .menuEntry_subMenu {
		display: flex;
	}

	.menuEntry_subMenu .menuEntry:hover {
		background-color: #fff;
		color: #000;
	}


} /* Anzeige ist größer als 1001px // ENDE */

.homeGrid_event a {
	width: 100%;
	color: #000;
}

@media only screen and ( max-width: 1000px ) {

	.homeGrid_event_container {
		margin: 20px 20px 30px;
	}

	#main_leftContent {
		margin: 0px auto 40px !important;
	}

	#main_rightContent {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0px auto 0px;
		max-width: 625px !important;
	}

	#rightContent {
		width: 100%;
		max-width: 625px !important;
		margin: 0px auto 0px;
	}

	.backend_datePicker_container {
		justify-content: flex-start !important;
	}
	.backend_datePicker_container span {
		margin: 0px 6px;
	}

	#buttonMenu {
		display: unset;
	}

	.mainMenu {
		flex-direction: column;
		position: absolute;
		width: 100%;
		max-width: 260px;
		z-index: 2000;
		background: #333;
		left: 10px;
		display: none;
		justify-content: flex-start;
	}

	.mainMenu li {
		width: 100%;
	}

	.mainMenu .menuEntry  {
		width: calc( 100% - 20px );
	}

	.mainMenu .menuEntry_dropdown .menuEntry  {
		padding: 0px;
		display: flex;
	}

	.menuEntry_label,
	.menuEntry_expand  {
		padding: 6px 10px;
	}

	.menuEntry_expand  {
		background: #333;
		color: #ffffff;
		display: block;
		margin: 0px;
		padding: 6px 0px;
		width: 32px;
		text-align: center;
	}

	.menuEntry_expand:hover {
		color: #cc0000;
	}

	.menuEntry_subMenu {
		position: relative;
	}

	.mainMenu .menuEntry_dropdown .menuEntry_subMenu a {
		padding: 6px 10px 6px 30px;
		/* width: 100% */
		width: 220px;
	}

	.mainMenu .menuEntry_subMenu .menuEntry {
		display: block;
		padding: 6px 10px;
		width: calc( 100% - 20px );
		align-items: baseline;
		justify-content: flex-start;
	}

	.menuEntry_subMenu .menuEntry:hover {
		background-color: #333;
		color: #fff;
	}
} /* Anzeige ist kleiner als 1000px // ENDE */

.homeGrid_event_content {
	overflow: hidden;
}

.homeGrid_event_content .homeGrid_image {
	height: 100%;
}

@media only screen and ( min-width: 681px ) {

	.homeGrid_event {
		margin: 0px 0px 0px;
		min-width: 615px;
		height: 226px;
	}

	.homeGrid_event_content {
		display: flex;
	}

	.homeGrid_event_image {
		width: 280px;
		height: 100%;
	}

	.homeGrid_event_image {
		margin-right: 20px;
	}
} /* Anzeige ist größer als 681px */

#event__controls {
	padding: 10px 5px;
	background: #fff;
	color: #333;
	display: flex;
	margin-bottom: 12px;
}

.event__pickDate {
	display: flex;
}

#event__controls_date {
	display: flex;
}

@media only screen and ( max-width: 780px ) {

	.backendGrid_three {
		flex-direction: column !important;
	}

	.backendGrid_three div {
		padding-bottom: 20px;
		/* margin-bottom: 20px;
		border-bottom: 1px solid #000;
		width: 100%; */
	}
	

	#event__controls {
		flex-direction: column;
	}

	#event__controls #event__controls_date {
		margin-top: 4px;
	}

} /* Anzeige ist kleiner als 780px // ENDE */

@media only screen and ( max-width: 680px ) {

	#main_rightContent {
		flex-direction: column;
		align-content: center;
	}

	#content_eventDetails {
		flex-direction: column !important;
	}

	#content_eventDetails div {
		width: 100% !important;
	}

	.homeGrid_event_details {
		margin-left: 0px;
	}

} /* Anzeige ist kleiner als 680px // ENDE */

@media only screen and ( max-width: 480px ) {

	#search_form {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	#search_form #search_input_title {
		margin: unset;
		margin-bottom: 4px;
	}

	#search_form #search_submit {
		width: 100%;
		margin: unset;
		padding: 4px 0px;
		margin-top: 4px;
	}

	.event__pickDate {
		width: 100%;
		flex-direction: column;
	}

	.event__pickDate #event__pickDate_input {
		width: calc( 100% - 4px );
		margin-bottom: 4px;
	}

	.event__pickDate #event__pickDate_link {
		width: calc( 100% - 20px );
		text-align: center;
		margin: unset;
		margin-top: 4px;
	}

	.homeGrid_entry, .homeGrid_event {
		margin: 20px auto;
	}

} /* Anzeige ist kleiner als 480px // ENDE */

@media only screen and ( max-width: 375px ) {

	
}  /* Anzeige ist kleiner als 375px // ENDE */

.feature_imageWrapper {
	margin: 0px 0px 10px 0px;
	width: 100%;
	max-width: 960px;
}
.feature_imageWrapper img {
	height: auto;
	width: 100%;
}

.image_wrapper {
	margin: 0px 0px 20px 0px;
}

.image_wrapper img {
	width: 100%;
	height: auto;
}

#home_featureElements {
	display: grid;
}

.feature_contentWrapper {
	grid-row-start: 1;
	grid-column-start: 1;
}

#feature_controls {
	display: flex;
	margin: 10px 0px 0px;
    flex-wrap: wrap;
    flex-direction: row;
	justify-content: center;
}

.feature_imageController {
	display: block;
	height: 6px;
	width: 60px;
	min-width: 60px;
	background: #ddd;
	margin: 0px 2px 4px;
}

.current_controller {
	background: #cc0000;
}


#single-page-application-content {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
}

#main_fullContent {
	width: 100%;
}

.main_fullContent_buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

#main_leftContent {
	width: 100%;
	max-width: 625px;
	margin: 0px 43px 40px 0px;
}

#main_rightContent {
	width: 100%;
	max-width: 292px;
}

.nlf__overview_hasAdvices {
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
}

.nlf__overview_hasWidget {
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.pagination,
.paginationLINK,
.paginationCurrent {
	margin: 0px 2px 0px;
	color: #333;
}

.paginationLINK,
.paginationCurrent {
	color: #cc0000;
	/* color: #ffffff; */
	text-decoration: none;
	/* padding: 2px 6px; */
	/* background: #cc0000; */
	/* border-radius: 4px; */
}

.paginationCurrent {

	font-weight: bold;
	color: #333;
}

#backendSettings_container {

	margin: 0px 0px 4px 0px;
}

.backend_datePicker_container {
	padding: 4px 0px;
	color: #000;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-direction: row;
	flex-wrap: wrap;
}


.found_location_detail,
.found_location_detail *,
.found_organiser_detail,
.found_organiser_detail * {
	font-size: 10px;
	color: #333;
}

.found_location,
.found_organiser {
	border-bottom: 1px solid #333;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

.found_location:last-of-type,
.found_organiser:last-of-type {
	border-bottom: none;
	padding: 0px;
	margin: 0px;
}


#dropContainer_cancel {

	background: #585858;
}


#backend_imageProgress {
	font-size: 10px;
	margin-bottom: 10px;
}

#backend_imageDelete {
	margin: 0px 0px 10px 0px;
}


#tinyMCE_editorContainer {
	margin: 20px 0px 0px;
}

.cjs_blockSelect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer;
}

.outlinedElement {
	text-decoration:none;
	color: #ffffff;
	background:none;
	font-size:14px;
	outline: none;
	padding: 4px 10px;
	border: 1px solid #ffffff;
	display:inline-block;
	margin: 4px 8px 4px 0px;
}

.red {
	text-decoration:none;
	border: 1px solid #cc0000;
	color: #cc0000;
}

.grey {
	border: 1px solid #333;
	color: #333;
}


#entry_imageGallery_wrapper {
	margin-top: 40px;
}

#gallery_imageLIST,
#gallery_imageLIST_viewer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

#gallery_imageLIST_viewer {
	margin: 30px 0px 0px 0px;
}

.gallery_imagePreview {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	background: #cecece;
	justify-content: flex-start;
	height: 120px;
}

.gallery_imagePreview > .backend_ranking_input {
	margin: 0px;
}

.gallery_imagePreview img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.gallery_imageWrapper,
.gallery_imageWrapper_viewer {
	display: flex;
	width: 150px;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}

.gallery_imageWrapper_viewer {
	width: 180px;
}

.gallery_imageContainer_viewer {
	margin: 0px 0px 10px 0px;
}

#gallery_uploadImages {
	display: flex;
	background: #cc0000;
	color: #ffffff;
	padding: 8px 10px;
	cursor: pointer;
	margin: 0px 0px 18px 0px;
}

#gallery_imageControls {
	display: flex;
	position: fixed;
	width: 300px;
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	bottom: 30px;
}

#gallery_imageControls div {
	display: block;
	padding: 10px 20px;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	background: #000;
}


.gallery_imageContainer img {
	/* max-width: 960px; */
	/* width: calc( 100% - 40px ); */

	display: block;
	max-width: 100%; 
	max-height: 100%;
	width: auto;
	height: auto;
}


#content_eventTickets {
	display: block;
	background: #ddd;
	padding: 10px;
	margin: 10px 0px;
}

#content_eventTickets h2 {
	margin: 0px 0px 2px 0px;
}

#content_eventDetails {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

#content_eventDetails div {
	width: 45%;
}

#content_eventDetails div span {
	display: block;
}

#content_eventHeader {
	margin: 0px 0px 20px 0px;
}

#content_eventHeader h2 {
	margin: 4px 2px 0px 0px;
}


.editor_imageUploader,
.overlay_entryImages {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	z-index: 100;
	background: #333;
	padding: 10px;
	max-width: 300px;
	width: calc( 100% - 20px );
}

.overlay_entryImages {
	max-width: 625px;
	height: 80%;
}

.editor_imageUploader h1, .editor_imageUploader h2,
.overlay_entryImages h1, .overlay_entryImages h2 {
	color: #ccc;
}

#editor_imageContainer {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

#editor_insertImage,
#editor_editImage {
	background: #cc0000;
	color: #ffffff;
	font-weight: bold;
	padding: 4px 0px;
	margin: 10px 0px 0px;
	text-align: center;
}

.editor_selectFloat {
	border: 1px solid #FF8000 !important;
	color: #FF8000 !important;
}

#editor_setFloat {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#editor_setFloat span {
	border: 1px solid #fff;
	padding: 4px 20px;
	color: #fff;
	background: #000;
}

.cjs_overlayButtons {
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	padding: 0px 0px 10px 0px;
	width: 100%;
}

.inlineLink {
    margin: 0px;
}

.outlinedSVG, .outlinedSVG_wide {
    padding: 0px;
    border: 0px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
}


#editor_setCaption {
	min-height: 50px;
	max-height: 120px;
}

#editor_imageNote {
	text-align: center;
	color: #fff;
	margin: 10px 0px 0px;
}

.editor_imageSelect_entry {
	display: flex;
	background: #ccc;
	padding: 4px;
	cursor: pointer;
	margin: 0px 0px 4px 0px;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

#editor_imageSelect {
	height: 200px;
	max-height: 200px;
	overflow-y: scroll;
}

#backendSettings_selectSite {
	display: flex;
	justify-content: space-between;
}

.event_dateDetails,
.event_dateDetails:active,
.event_dateDetails:focus {
	height: 160px;
	min-height: 160px;
}

#output_locations {
	overflow-y: scroll;
	max-height: 300px;
}

#overlay_reusable_content {
	overflow-y: scroll;
	max-height: calc( 100% - 80px );
}

.reusable_select {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-start;
	margin-bottom: 10px;
	padding: 6px;
	background: #eee;
	margin-right: 10px;
}

.reusable_select img {
	width: 200px;
	height: auto;
	margin-right: 30px;
}

#os_searchWrapper {
	margin: 0 0 20px 0;
}

#os_seachContent {
	outline: 2px solid #cc0000;
	width: calc( 100% - 24px );
	margin: 0 auto;
	padding: 4px 10px;
}

#os_toggleSearch {
	display: block;
	background: #cc0000;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	width: 100%;
	padding: 6px 0px;
	font-weight: bold;
}

#os_search_inputs * .cjs_customInput_label {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	white-space: pre;
	margin-bottom: 6px;
}
#os_search_inputs * input[type=text] {
	width: 100%;
}

/* #os_searchTitle,
#os_searchLocation,
#os_searchEmployment {
	width: 80%;
} */

.clipart_container.cjs_overlayContainer_v2_fullContent {
	width: 100%;
	max-width: 625px;
	background: #fff;
	height: calc( 100% - 40px );
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
}

.clipart_selection {
	display: flex;
	height: 100%;
	background: #ccc;
	width: 100%;
	overflow-y: scroll;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
}

.clipart_select {
	width: 60px;
	height: 60px;
	margin: 4px;
}

li.consent_blocked .menuEntry {

	background: #e6e6e6;
	color: #ccc;
}

.consentLock {
	position: fixed;
	left: 20px;
	bottom: 20px;
	display: block;
	z-index: 9000;
	cursor: pointer;
	width: 50px;
	height: 50px;
	overflow: hidden;
}

#consentBanner {
	background: #c6c6c6;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	color: #333;
	border-top: 10px solid #ffffff;
	z-index: 6000;
	padding: 10px 60px 20px 90px;
}

#consentBanner_text {
	font-size: 12px;
	display: block;
	overflow-y: auto;
	padding: 0px 20px 0px 0px;
	position: relative;
	max-width: 960px;
}


#consent_set {
	padding: 4px 8px;
	background: #333;
	color: #fff;
	outline: 1px solid #fff;
}


#search_container {
	display: flex;
	background: #333;
	padding: 6px;
}

#search_container {
	margin: 6px 0px;
	flex-direction: row;
	align-items: baseline;
}

#search_container .outlinedElement {
	margin: 0px 5px;
}

#search_container input {
	padding: 5px 10px;
	outline: 0px;
}

#search_container_output .reusable_select h2 {
	color: #333;
}

#backend_clearImage {
	background: #cc0000;
	color: #ffffff;
	padding: 4px 10px;
	cursor: pointer;
}

.event__selectDate,
#event__pickDate_link {
	cursor: pointer;
	padding: 4px 10px;
	background: #ccc;
	color: #333;
	margin-right: 10px;
}

#event__pickDate_link {
	margin-left: 10px;
}


.cjs_advanced_search_placeholder {
	text-decoration: underline;
	font-weight: bold;
	/* color: #333 */
	color: inherit;
}

/* .cjs_advanced_search_command.redText > .cjs_advanced_search_placeholder {
	color: #cc0000;
} */

#search_form {
	display: flex;
}

#search_input_content {
	width: 100%;
	padding: 2px 4px;
}

#search_submit {
	width: 100px;
	margin-left: 20px;
}

#search_input_title {
	margin-right: 20px;
	padding: 2px 4px;
}

#backend_reusable_name, 
#backend_reusable_source {
	padding: 2px 4px;
	margin-bottom: 4px;
}

.menuEntry_current_type {
	color: #ccc;
	padding: 0px 10px;
}

.pagination_container {
	display: flex;
	width: 100%;
}


.social {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin:0 10px;
}

#socialText {
	margin-bottom: 20px;
}


#nlf_socialButtons {
	margin-top: 30px;
}

.share_wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	font-weight: bold;
}

.share_buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 30px;
	justify-content: flex-start;
	align-items: center;
	margin-right: 20px;
}

.share_buttons svg {
	width: 30px;
	margin-right: 10px;
}