/* Contao Backend CSS - CodeSache.de - Markus Schindler  */
/* Farbwerte für den StyleManager stehen in der globalen farben.css */
body[data-name="local"] #header {background: none;}
body[data-name="local"] #left {background:#2e2d2e; }
body[data-name="local"]{background: #dfe4ea;}
#header h1 {background: #f47c00;width: 220px;}
.badge-title {margin-top:0;padding: 4px 12px;}
#container,#header .inner {max-width: 1440px;margin: 0 auto;}
#header .inner {background:#2f2d2e;}


/* Eigene Backend Farben */

:root {
    --becolor1:#439E18;
    --becolor2:#88DEB7;
    --becolor3:#a3d956;
    --becolor4:#75acd6;
    --becolor5:#ea5e4b;
    --becolor6:#FC03FB;
    --becolor7:#f5c710;
    --becolor8:#f56f10;
    --becolor9:#def510;
    --becolor10:#dba7ff;
    --becolor11: #f3f3f5;
    --becolor12:#88DEB7; /*border-top*/
    --becolor13: #94862c; /*border-bottom*/
    --becolor14: #fffdf1; /*wrapper_start.indent_1*/
    --becolor15: #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(--becolor1);}
.tl_submit_container .tl_submit#saveNclose { background: var(--becolor2);}
.tl_submit_container .tl_submit#copy { background: var(--becolor3);}
.tl_submit_container .tl_submit#cut { background: var(--becolor4) ;}
.tl_submit_container .tl_submit#delete { background: var(--becolor5) ;}
.tl_submit_container .tl_submit#override { background:  var(--becolor6);}
.tl_submit_container .tl_submit#edit { background:  var(--becolor7);}
.tl_submit_container .tl_submit#alias { background:  var(--becolor8);}
.tl_submit_container .tl_submit#saveNcreate { background: var(--becolor9);}
.tl_submit_container .tl_submit#saveNduplicate { background: var(--becolor10);}
.tl_submit_container {background:var(--becolor11);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(--becolor4)}
.simple-modal .simple-modal-footer a.btn.primary{background: var(--becolor2)}




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

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

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

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

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

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

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

.tl_content.indent_3.wrapper_stop {
border-bottom: 2px solid var(--becolor13);border-left: 2px solid var(--becolor13);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(--becolor14);
}

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

.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;padding-left: 2rem !important;
    }
.tl_content.wrapper_separator .inside div {
    background: #e8f0f8;
    }

.tl_content.wrapper_separator .inside .cte_preview{background: #fff;}



/* 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;}