/* Contao Backend CSS - CodeSache.de - Markus Schindler  */
/* Farbwerte für den StyleManager stehen in der globalen farben.css */


#container,#header .inner {
    max-width: 1440px;
    margin: 0 auto;
}

/* Eigene Backend Farben */

:root {
--color1:#242424;
--color2:#1d70b7;
--color3:#009ee3;
--color4:#009640;
--color5:#2e2d2e;
--color6:#4b4b4b;
--color7:#e8e8e8;
--color8:#ffffff;

--bgcolor1:#439E18;
--bgcolor2:#88DEB7;
--bgcolor3:#a3d956;
--bgcolor4:#75acd6;
--bgcolor5:#ea5e4b;
--bgcolor6:#FC03FB;
--bgcolor7:#f5c710;
--bgcolor8:#f56f10;
--bgcolor9:#def510;
--bgcolor10:#dba7ff;
--bgcolor11: #f3f3f5;

--bgcolor12:#6d9f4f; /*border-top*/
--bgcolor13:#a35200; /*border-bottom*/

--bgcolor14: #fffdf1; /*wrapper_start.indent_1*/
--bgcolor15: #f3f8e6; /*wrapper_start.indent_2*/

}

/* H-Überschriften für das Backend um die in der Backend-Übersicht besser zu unterscheiden */
.tl_content h1 {font-size: 1.7em;}
.tl_content h2 {font-size: 1.5em;}
.tl_content h3 {font-size: 1.3em;}
.tl_content h4 {font-size: 1.1em;}
.tl_content h5 {font-size: .9em;}
.tl_content h6 {font-size: .7em;}

.tl_submit_container .tl_submit {color: #000 !important; font-size: 1.0em; text-shadow: none;font-weight: 600;display: inline-block;margin-bottom: 1em;}

.tl_submit_container ul li:last-child button {margin-bottom: 0}
.tl_submit_container .tl_submit#save { background: var(--bgcolor1);}
.tl_submit_container .tl_submit#saveNclose { background: var(--bgcolor2);}
.tl_submit_container .tl_submit#copy { background: var(--bgcolor3);}
.tl_submit_container .tl_submit#cut { background: var(--bgcolor4) ;}
.tl_submit_container .tl_submit#delete { background: var(--bgcolor5) ;}
.tl_submit_container .tl_submit#override { background:  var(--bgcolor6);}
.tl_submit_container .tl_submit#edit { background:  var(--bgcolor7);}
.tl_submit_container .tl_submit#alias { background:  var(--bgcolor8);}
.tl_submit_container .tl_submit#saveNcreate { background: var(--bgcolor9);}
.tl_submit_container .tl_submit#saveNduplicate { background: var(--bgcolor10);}
.tl_submit_container {background:var(--bgcolor11);padding: 10px;border-radius: 10px;}

.tl_submit_container:after {
content: "";
clear: both;
display: block; }

.tl_submit_container ul {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
clip: inherit;
height: inherit;
width: inherit;
overflow: visible;
position: inherit;
right: inherit;
bottom: inherit;
min-width: inherit;
border: none;
background: none;
}

.parent_view > ul {
background: #fff;
}

/* Speichern abbrechen Button im Layer MCE - Ausrichten des abbrechen Buttons nach links. */
.mce-foot .mce-last {left: 10px !important;}

.mce-foot .mce-first {left: inherit !important; right: 10px;}

.tl_form.tl_edit_form {padding-bottom: 140px;}

.split-button ul:before, .split-button ul:after {
display: none;
}

#tl_maintenance_rsce_convert {
display: none;
}

.tl_submit_container ul li {
margin: 0;
padding: 0;
display: inline-block; }

.tl_submit_container ul,
.tl_submit_container li,
.tl_submit_container button,
.tl_submit_container .split-button {
display: block;
width: 100%;
text-align: left; margin: 0;border-radius: 5px !important;}

.split-button ul li { display: block; margin: 0 0 0 0;width: 100%;}

.split-button ul button {}

.maintenance_inactive button {width: inherit}

button#sbtog {
display: none;
}

/* Layer für Dateien  */


.simple-modal .simple-modal-footer a.btn{background: var(--bgcolor4)}
.simple-modal .simple-modal-footer a.btn.primary{background: var(--bgcolor2)}




.tl_content.wrapper_start {
border-top: 6px solid var(--bgcolor12);border-left: 6px solid var(--bgcolor12);border-bottom: 0;margin-top:10px;
border-top-left-radius:6px;
}

.tl_content.indent_1.wrapper_start {
border-top: 4px solid var(--bgcolor12);border-left: 4px solid var(--bgcolor12);margin-top:0;
border-top-left-radius: 3px;
}

.tl_content.indent_2.wrapper_start {
border-top: 3px solid var(--bgcolor12);border-left: 3px solid var(--bgcolor12);margin-top:0;
border-top-left-radius: 3px;
}

.tl_content.indent_3.wrapper_start {
border-top: 2px solid var(--bgcolor12);border-left: 2px solid var(--bgcolor12);margin-top:0;
border-top-left-radius: 2px;
}

.tl_content.wrapper_stop,
.tl_content.indent_0.wrapper_stop {
border-bottom: 6px solid var(--bgcolor13);border-left: 6px solid var(--bgcolor13); margin-bottom: 0;
border-bottom-left-radius: 6px;
}

.tl_content.indent_1.wrapper_stop {
border-bottom: 4px solid var(--bgcolor13);border-left: 4px solid var(--bgcolor13);margin-bottom: 10px;
border-bottom-left-radius: 4px;
}

.tl_content.indent_2.wrapper_stop {
border-bottom: 3px solid var(--bgcolor13);border-left: 3px solid var(--bgcolor13);margin-bottom: 0;
border-bottom-left-radius: 3px;
}

.tl_content.indent_3.wrapper_stop {
border-bottom: 2px solid var(--bgcolor13);border-left: 2px solid var(--bgcolor13);margin-bottom: 0;
border-bottom-left-radius: 2px;
}

.tl_content.wrapper_stop.indent_0, .tl_content.wrapper_stop {margin-bottom: 50px;}

.tl_content.wrapper_start,
.tl_content.wrapper_stop,
.tl_content.wrapper_stop.indent_0 {
background: #eaeefb;
}

.tl_content.wrapper_start.indent_1, .tl_content.wrapper_stop.indent_1 {
background: var(--bgcolor14);
}

.tl_content.wrapper_start.indent_2, .tl_content.wrapper_stop.indent_2 {
background: var(--bgcolor15);
}

.tl_content.wrapper_start.indent_3, .tl_content.wrapper_stop.indent_3 {
background: #d6edb4;
}

.tl_content .cte_type {
font-weight: 600;
font-size: 1em;
}

.tl_content:hover {
background-color: #eff6f9 !important;
}

.hover-div:hover, .hover-row:hover td, .hover-div:hover .limit_toggler, .hover-row:hover .limit_toggler {
background-color: #eff6f9 !important;
}

.tl_content .limit_height {margin-bottom: 30px}

.cte_type.published, .cte_type.published a {
color: #000000;
}

.tl_content.wrapper_separator {
background: #e9e9e9;
}

/* Save buttons */
.tl_formbody_submit {
position: fixed;
bottom: 40%;
right: 5px;
max-width: 240px;
border-top: none;
z-index: 10;
}

/* Limit toggler */
.limit_toggler {
width: 80px;
left: 0;
right: 0;
margin: 0 auto;
background: rgba(0, 0, 0, 0);
bottom: 0;
}

.hover-div:hover .limit_toggler,
.hover-row:hover .limit_toggler {
background-color: rgba(255, 252, 225, .2) !important;
}

.limit_toggler button {
background: rgba(255, 236, 68, 0.3);color: #000;
width: 100%;
display: block;
}

.limit_toggler button:hover {
opacity: 1;
}

.limit_toggler button span {
display: block;
top: auto;
font-size: 50px;
height: 30px;
line-height: 0px;
}

/* Filter buttons */
.tl_submit_panel {
min-width: 72px;
}

.filter_apply,
.filter_reset {
background-size: 24px;
}

button:hover {
filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .5)) saturate(200%);
}

.tl_img_submit {
width: 36px;
height: 36px;
top: 0;
text-indent: -99999px;
}

/* Icons */
.tl_right a img,
.tl_right_nowrap a img,
.tl_content_right a img {
width: 20px;height: auto;margin-right: 5px;
}

.tl_right a img:hover,
.tl_right_nowrap a img:hover,
.tl_content_right a img:hover {
filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .5)) saturate(200%);
}

.subpal {
width: auto;
float: none;
}

.dz-message span {
color: #f47c00;
}

.tl_file {position: relative;}

.tl_file input[type=checkbox]:checked::before {
background: #f47c00;content: ' '; width: 3px; height: 22px; display: inline-block; position: absolute;right: 0; top: 3px;
}

.tl_file input[type=checkbox]:checked::after {
background: #f47c00;content: ' '; width: 6px; height: 22px; display: inline-block; position: absolute;left: 5px; top: 3px;
}

.tl_file.active {background-color: #feffb8 !important;}

@media only screen and (max-width: 1800px) {
.tl_submit_container {
background: inherit;
background-color: #f3f3f5;
padding: 4px;
border-radius: 3px;
}

body.popup .tl_formbody_submit {
width: 100%;
}

body.popup .tl_submit_container {
padding: 1em;background-color: rgba(0, 0, 0, .2);
}

body.popup .tl_submit_container .tl_submit {
margin-bottom: 0;
}

.tl_formbody_submit {
bottom: 0px;
right: auto;
left: auto;
max-width: inherit;
width: 90%;
margin: 0 auto;
text-align: center !important;
}

.tl_submit_container ul,
.tl_submit_container li,
.tl_submit_container button,
.tl_submit_container .split-button {display: initial;width: inherit;}

.split-button ul li {width: inherit; display: inline-block}

}

#tl_navigation .group-contaoThemesNet, #contaoThemesNet { display: none !important; }


.tox-collection__item{background: #d8e3e9 !important;}
.tox-collection__item:hover{background:#ddd !important;}