/* ======================================================================================
Styleseet für das Backend. Keine Änderungen vornehmen!
Datei: backend.css
Datum: 28.11.2023
Autor: Marco Dittmer, Agentur Zentral
Aufbau: 1. Backend Layout
		2. Backend Elemente-Vorschau
			2.1. Tabelle
			2.2. Bilder
			2.3. Seitenumschlag
			2.4. Spaltenumschlag
			2.5. Zellenumschalg
			2.6. Umschaltumschlag
			2.7. Anker-Element
			2.8. Teaserbild
			2.9. Text/Bild-Kachel
			2.10. Hinweisbox
			2.11. Iconbox
			3.1 Hinweismeldungen
====================================================================================== */

/* ======================================================================================
1. Backend Layout
====================================================================================== */
#header h1 a span {
	font-size: 10px;
	font-size: 0.625rem;
}
#left .version {
	padding: 33px 15px 15px;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}
.tl_formbody_submit {
	bottom: -1px;
	margin-top: -1px;
	position: sticky;
	z-index: 1;
}
#tl_navigation .menu_level_1 li:hover {
	border-left-color: #f47c00;
}
.tl_content_right {
	margin-top: 4px;
}
.tl_help,
.tl_help a {
	line-height: 1.05;
}
.tl_login_copy p {
	font-size: 12px;
	font-size: 0.75rem;
	margin: 0;
	padding: 7px 0;
	text-align: center;
}
.cte_type.published,
.cte_type.published a,
.cte_type.unpublished,
.cte_type.unpublished a {
	color: #c8081a;
	font-weight: 700;
	margin: 7px 0;
}
.cte_type.unpublished,
.cte_type.unpublished a {
	color: #383d41;
}
p.rsce_list_description,
p.rsce_group_description {
	margin: 10px 15px 5px !important;
}
.rsce_list_item fieldset.rsce_group {
	padding: 10px 0 !important;
}
#tl_maintenance_rsce_convert {
	display: none; /* Eigene Elemente in Standard-HTML-Module umwandeln */
}

/* Media Query Anfang */ @media screen and (max-width: 1023px) {
#container,
#main {
	overflow: visible;
	padding-top: 20px;
}
#main .content {
	margin: 15px 0 0;
}
#header h1 a {
	text-indent: -999px;
}
#header.down {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
/* Media Query Ende */ }

/* ======================================================================================
2. Backend Elemente-Vorschau
	2.1. Tabelle
====================================================================================== */
#tl_listing ul li table {
	border-collapse: collapse;
	border-spacing: 0;
	display: block;
	font-size: inherit;
	overflow: auto;
	width: 100%;
}
#tl_listing ul li th,
#tl_listing ul li td {
	border-style: solid;
	border-width: 1px;
	padding: 7px;
}

/* ======================================================================================
2. Backend Elemente-Vorschau
	2.2. Bilder
====================================================================================== */
#tl_listing ul li .ce_gallery figcaption {
	display: none;
}

/* ======================================================================================
2. Backend Elemente-Vorschau
	2.3. Seitenumschlag
	2.4. Spaltenumschlag
	2.5. Zellenumschalg
	2.6. Umschaltumschlag
	2.7. Anker-Element
====================================================================================== */
#tl_listing ul li .ce_anker_element,
#tl_listing ul li .ce_seitenumschlag_anfang,
#tl_listing ul li .ce_seitenumschlag_ende,
#tl_listing ul li .ce_spaltenumschlag_anfang,
#tl_listing ul li .ce_spaltenumschlag_ende,
#tl_listing ul li .ce_umschaltumschlag_anfang,
#tl_listing ul li .ce_umschaltumschlag_ende,
#tl_listing ul li .ce_zellenumschlag_anfang,
#tl_listing ul li .ce_zellenumschlag_ende {
	background: rgba(255, 0, 0, 0.15) !important;
	height: 100%;
	margin: -32px 0 0 -6px;
	position: absolute;
	width: calc(100% - 4px);
	z-index: 0;
}
#tl_listing ul li .ce_anker_element {
	background: rgba(52, 152, 219, 0.15) !important;
	border: 2px solid #3498db;
	height: 90%;
}
#tl_listing ul li .ce_seitenumschlag_ende,
#tl_listing ul li .ce_spaltenumschlag_ende,
#tl_listing ul li .ce_umschaltumschlag_ende,
#tl_listing ul li .ce_zellenumschlag_ende {
	margin-top: -34px;
}
#tl_listing ul li .ce_seitenumschlag_anfang,
#tl_listing ul li .ce_seitenumschlag_ende {
	border-left: 2px solid #ff0000;
	border-right: 2px solid #ff0000;
	border-top: 2px solid #ff0000;
}
#tl_listing ul li .ce_seitenumschlag_ende {
	border-bottom: 2px solid #ff0000;
	border-left: 2px solid #ff0000;
	border-right: 2px solid #ff0000;
	border-top: 0;
}
#tl_listing ul li .ce_spaltenumschlag_anfang,
#tl_listing ul li .ce_spaltenumschlag_ende {
	background: rgba(255, 150, 0, 0.15) !important;
}
#tl_listing ul li .ce_spaltenumschlag_anfang,
#tl_listing ul li .ce_spaltenumschlag_ende {
	border-left: 2px solid #ff9600;
	border-right: 2px solid #ff9600;
	border-top: 2px solid #ff9600;
}
#tl_listing ul li .ce_spaltenumschlag_ende {
	border-bottom: 2px solid #ff9600;
	border-left: 2px solid #ff9600;
	border-right: 2px solid #ff9600;
	border-top: 0;
}
#tl_listing ul li .ce_umschaltumschlag_anfang,
#tl_listing ul li .ce_umschaltumschlag_ende {
	background: rgba(0, 122, 66, 0.15) !important;
}
#tl_listing ul li .ce_umschaltumschlag_anfang,
#tl_listing ul li .ce_umschaltumschlag_ende {
	border-left: 2px solid #007a42;
	border-right: 2px solid #007a42;
	border-top: 2px solid #007a42;
}
#tl_listing ul li .ce_umschaltumschlag_ende {
	border-bottom: 2px solid #007a42;
	border-left: 2px solid #007a42;
	border-right: 2px solid #007a42;
	border-top: 0;
}
#tl_listing ul li .ce_zellenumschlag_anfang,
#tl_listing ul li .ce_zellenumschlag_ende {
	background: rgba(255, 215, 50, 0.15) !important;
}
#tl_listing ul li .ce_zellenumschlag_anfang,
#tl_listing ul li .ce_zellenumschlag_ende {
	border-left: 2px solid #ffd732;
	border-right: 2px solid #ffd732;
	border-top: 2px solid #ffd732;
}
#tl_listing ul li .ce_zellenumschlag_ende {
	border-bottom: 2px solid #ffd732;
	border-left: 2px solid #ffd732;
	border-right: 2px solid #ffd732;
	border-top: 0;
}

/* ======================================================================================
2. Backend Elemente-Vorschau
	2.8. Teaserbild
====================================================================================== */
#tl_listing ul li .ce_teaserbild {
	display: table;
	height: 200px;
	width: 100%;
}
#tl_listing ul li .ce_teaserbild .vwrapper {
	display: table-cell;
	vertical-align: bottom;
}
#tl_listing ul li .ce_teaserbild .vwrapper > div {
	background: rgba(255, 255, 255, 0.9);
	padding: 7px;
}
#tl_listing ul li .ce_teaserbild .ce_text {
	display: none;
}

/* ======================================================================================
2. Backend Elemente-Vorschau
	2.9. Text/Bild-Kachel
====================================================================================== */
#tl_listing ul li .ce_text_bild_kachel .box_img {
	background-position: left !important;
	background-size: contain !important;
	float: left;
	height: 125px;
	width: 30%;
}
#tl_listing ul li .ce_text_bild_kachel .box_text {
	float: left;
	padding-left: 14px;
	width: calc(70% - 14px);
}

/* ======================================================================================
2. Backend Elemente-Vorschau
	2.10. Hinweisbox
====================================================================================== */
#tl_listing ul li .ce_hinweisbox .icon {
	display: none;
}

/* ======================================================================================
2. Backend Elemente-Vorschau
	2.11. Iconbox
====================================================================================== */
#tl_listing ul li .ce_iconbox .icon {
	display: none;
}

/* ======================================================================================
3.1 Hinweismeldungen
====================================================================================== */
#tl_newsletter_send fieldset.tl_tbox.nolegend::before {
	background: #f8d7da;
	border-color: #f5c6cb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	color: #721c24;
	content: 'Hinweis: 10 pro Zyklus bei 6 Sekunden Wartezeit. Maximal 1.000 Mails pro 10 Minuten versenden.';
	display: block;
	font-weight: 700;
	margin: 0 15px;
	padding: 7px;
}