div.cEditor .cke_source {white-space: pre-wrap;}
.cke_editable img {display: inline-block;}

/* Spaltenbreiten */
.editorColWidthSpacer { width: 20px; }
.editorColWidth1 { width: 205px; }
.editorColWidth2 { width: 430px; }
.editorColWidth3 { width: 655px; }

/* Content Table */
.editorTableList h1,
.editorTableList h2,
.editorTableList h3,
.editorTableList h4 {
	margin: 0;
}

.editorTableList thead th, .editorTableList thead td {
	border-bottom: 1px solid #9a9a9a;
	padding: 5px 0;
}

.editorTableList tbody tr.last td {
	border-bottom: none;
	padding: 5px 0;
}

.editorTableList thead th h2 {
	color: #707070;
}

.editorTableList tbody tr:hover {
	background-color: #ededed;
}

.editorTableList tbody td {
	border-bottom: 1px solid #9a9a9a;
	padding: 4px 2px 0;
}

@media all and (min-width: 800px) {
	.EditorList2C {
		column-count: 2;
	}
}
/* Fliessbilder */

.editorImageLeft,
.editorImageLeftBorder {
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
}

.editorImageRight,
.editorImageRightBorder {
	float: right;
	margin-left: 10px;
	margin-bottom: 2px;
}

.editorImageLeftBorder,
.editorImageRightBorder,
.editorImageBorder {
	border: 1px solid #707070;
	box-sizing: border-box;
}


/* Farben */
.editorTheWhite { color: #fff; }
.editorTheBlack { color: #08090a; }
.editorTheRed { color: #ed1c24; }
.editorTheGreen { color: #0fd02f; }
.editorTheBlue { color: #0f60bf; }
.editorTheYellow { color: #ffe02f; }
.editorThePink { color: #ff206f; }

/* Links */
a.editorFatButton {
	border: 2px solid rgba(0,0,0,0.5);
	color: #fff;
	font-weight: bold;
	display: inline-block;
	line-height: 100%;
	padding: 5px 10px;
	border-radius: 3px;
	background: linear-gradient(to bottom,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,
		rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%);
}
a.editorFatButton:hover {
	background: linear-gradient(to bottom,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,
		rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);
}

a.editorFatButton2 {
	background-image: linear-gradient(to bottom, #eb1111, #a60808);
	border-radius: 28px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}
a.editorFatButton2:hover {
	background-image: linear-gradient(to bottom, #5091e6, #3a6bae);
	text-decoration: none;
}

/* Frage und Antwort */
.editorFrage {
	background-image: url("../images/layout/faq-question.png");
	background-position: 0 6px;
	background-repeat: no-repeat;
	text-indent: 25px;
	font-weight: bold;
	margin-bottom: 1px;
}

.editorAntwort {
	background-image: url("../images/layout/faq-answer.png");
	background-position: 0 6px;
	background-repeat: no-repeat;
	text-indent: 25px;
}

/* Templates */
.editorFlex2Col .col {width: calc(50% - 40px);}
.editorFlex3Col .col {width: calc(33.333% - 20px);}
div.editorChessboard { width: auto; overflow: hidden; border-radius: 20px; }
div.editorChessboard .row { display: flex; width: auto; margin: 0; }
div.editorChessboard .row * { flex-basis: 50%; flex: 1 0 0px; padding: 10px; order: 0; }
div.editorChessboard .row h2 {  margin: 0; background-color: orange; color:  white; text-align: center; }
div.editorChessboard .row div {  margin: 0; background-color: white; }
div.editorChessboard .row:nth-child(even) h2, div.editorChessboard .row:nth-child(odd) div { order: 1; }
div.editorChessboard.default .row h2 {  background-color: grey; color:  white;}		/* Default Theme */

div.editorChessboard li {
	padding-right:10px;
	margin-left: 40px;

}

div.editorChessboard li::before {
	left: -10px;
	top: 8px;
}


/* Inline Styles */
.EditorUppercase { text-transform: uppercase; }
.EditorCapitalize { font-variant-caps: small-caps; }

.editorSlogan {
	font-style: italic;
	font-size: 140%;
	padding: 2%;
	/*background-color: var(--me-middledark-color);*/
	color:  var(--me-logo-color) !important;
	display: flex;
	margin-bottom: 30px;
	position: relative;
	background-image: url('/images/content/slogan-background.jpg');
	display: block;
	background-size: 100%;
}
.editorSlogan::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 2px dashed #fff;
    box-sizing: border-box;
}

@media screen and (min-width: 1110px) {
	.editorColumnsTwo {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-moz-column-gap: 3%;
		-webkit-column-gap: 3%;
		column-gap: 3%;
	}

	.editorColumnsThree {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
		
		-moz-column-gap: 3.33%;
		-webkit-column-gap: 3.33%;
		column-gap: 3.33%;
	}
	.editorFlex5 {
		display: -webkit-box; display: flexbox; display: box; display: -ms-flex; display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.editorFlex5Item {
		width: 19%;
		min-width: 150px;
	}
	.contentDisplay ul {
		margin-bottom: 1em;
		padding: 10px 15px;
		background: rgba(63,63,127,.05);
		border-radius: 3px;
		box-shadow: 1px 1px 5px rgba(0,0,127,.25);
	}

	.editorColumnsFour,
	.contentDisplay ul.ulli2col,
	.contentDisplay ul.ulli3col,
	.contentDisplay ul.ulli4col {
		margin-bottom: 1em;
		padding: 15px 10px 5px;
		background: rgba(63,63,127,.05);
		border-radius: 3px;
		box-shadow: 1px 1px 5px rgba(0,0,127,.25);
	}

}
@media all and (max-width: 900px) { .editorFlex3Col .col, .editorFlex2Col .col {width: 100%; margin-bottom: 1rem;} }
@media screen and (max-width: 400px) { .editorFlex5 { display: block; } .editorFlex5Item { width: 100%; } }
@media screen and (max-width: 800px) { .editorFlex5 { display: block; } .editorFlex5Item { display: inline-block; width: 49%; }
	.editorFlex5Item:nth-child(odd) { margin-right: 1%; } }

@media all and (min-width: 400px) { .ulli4col { column-count: 2; column-gap: 2%; } 	ul.ulli4col li { display: block; } }
@media all and (min-width: 600px) { .ulli4col { column-count: 3; } }
@media all and (min-width: 1100px) { .ulli4col { column-count: 4; }}
@media all and (min-width: 500px) { .ulli3col {	column-count: 2; column-gap: 2%; } ul.ulli3col li { display: block; } }
@media all and (min-width: 1050px) { .ulli3col { column-count: 3; }}
@media all and (min-width: 800px) {	.ulli2col { column-count: 2; column-gap: 2%; } ul.ulli2col li { display: block; } }