/* hide.css - (c) redesign-berlin.de - ermöglicht Kommentare in html-Widgets und Textelementen und formatiert Eklemente im Bearbeitungsmodus */


.cc-pagemode-default .j-htmlCode:has(.hide_me) {
	display: none !important;
}



/*Spaltenelemente mit Rahmen
---------------------------------------*/
.ui-widget.cc-m-hgrid {
	border: 1px dotted RGBA(250, 15, 0, 0.75) !important
}

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

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

.hide *,
.hide_me * {
	color: red !important;
}


.cc-pagemode-default .hidden {
	visibility: hidden;
}

.ui-widget .hide,
.ui-widget .hide_me {
	display: block;
	color: red !important;
	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,
.red h3,
.red p,
.red span {
	color: red !important;
}

.smaller_80 {
	font-size: 80% !important;
}

.smaller_75 {
	font-size: 75% !important;
}

.smaller_50 {
	font-size: 50% !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";
}