/*hide einblenden in edit-mode
---------------------------------------------*/

.hide,
.hide_me {
    display: none;
    font-family: sans-serif !important;
}

.ui-widget .hide,
.ui-widget .hide_me {
    display: block;
    color: red;
    font-size: 12px;
    font-weight: bold;
}

.ui-widget .hide h1,
.ui-widget .hide h2,
.ui-widget .hide h3 {
    color: red !important;
}

.nodisplay {
    display: none !important;
}

.ui-widget .p-content {
    border: 1px solid red !important;
}

.noindent {
    position: absolute;
    text-indent: -100%;
}

.n.nopadding {
    padding: 0 !important;
}

.courier,
.courier p,
.courier td,
.courier li,
.courier strong,
.courier span {
    font-family: "Courier New", Courier, monospace !important;

}

.red {
    color: red !important;
}


/* Trennlinie
-----------------------------------*/
.cms-edit hr.hide {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid red;
    margin: 1em 0;
    padding: 0;
}

.no-edit hr.hide {
    display: none;
}




/* html-widgets and spacer in edit-mode 
-----------------------------------------*/
div.cc-m-all.cc-m-htmlcode div.cc-m-all-content {
    overflow: hidden !important;
    background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 5px, rgba(255, 255, 255, .05) 5px, rgba(255, 255, 255, .05) 10px);
}

.cc-m-all.cc-m-spacing .cc-m-spacer {
    background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 5px, rgba(255, 255, 255, .05) 5px, rgba(255, 255, 255, .05) 10px);
}


.ui-widget .j-htmlCode {
    display: block;
    background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 5px, rgba(255, 255, 255, .05) 5px, rgba(255, 255, 255, .05) 10px);
    min-height: 15px;
}

.ui-widget .j-htmlCode:after {
    font-size: 10px;
    font-style: italic;
    color: red;
    content: "html-Widget";
}