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

/* Fliessbilder */

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

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

.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; }

/* Frage und Antwort */
details.EditorFAQ {
	margin-bottom: 1.5em;
}
details.EditorFAQ summary {
	background-color: #f2f2f2;
	color: #000;
	padding: 0.5vh 2%;
	font-weight: bold;
	position: relative;
	cursor: pointer;
	box-shadow: 0 4px 2px -3px #000;
	transition: all 400ms;
	border-radius: 2px;
}
details[open].EditorFAQ > summary {
	box-shadow: 0 1px 2px -1px #000;
}
details.EditorFAQ > summary::-webkit-details-marker,
details.EditorFAQ > summary::marker {
	content: '';
	display: none;
}
details.EditorFAQ > summary:after {
	content:  "";
	width: 12px;
	height: 12px;
	position: absolute;
	right: 2%;
	top: .8vh;
	box-shadow: 2px 2px 0 #000;
	transform: rotate(-45deg);
	transition: all 200ms;
}

details[open].EditorFAQ > summary:after {
	top: .5vh;
	box-shadow: -2px 2px 0 #000;
}
details.EditorFAQ .EditorAnswer {
	padding: 1em 2%;
	border-radius: 2px;
	box-shadow: 0 2px 2px -3px #666;
	transition: all 400ms;
}
details[open].EditorFAQ .EditorAnswer {
	box-shadow: 0 1px 2px -1px #666;
}
details.EditorFAQ .EditorAnswer > :last-child {
	margin-bottom: 0;
}

/* CTA */
.EditorCTA {
	position: relative;
	padding: 12px;
	padding-left: 72px;
	min-height: 50px;
	border: 1px solid rgb(25 143 217);
	border-width: 2px 0 2px 0;
	border-radius: 5px;
	margin-top: 2em;
	margin-bottom: 2em;
	clip-path: polygon(0 0, 100% 3px, 100% 100%, 0% calc(100% - 3px));
}
.cke_editable .EditorCTA {
	padding-left: 72px!important;
}
.EditorCTA :last-child {
	margin-bottom: 0;
}
.EditorCTA:before {
	content: '';
	background-color: rgb(25 143 217);
	border: 3px dotted var(--Source-Positive-Color);
	border-radius: 100%;
	position: absolute;
	left: 6px;
	width: 50px;
	aspect-ratio: 1/1;
	transition: all 200ms;
	animation: EditorCta 60s linear infinite;
	box-shadow: 0 0 3px 3px rgba(255, 255, 255, 1.0) inset;
}
.EditorCTA:hover:before {
	background-color: var(--CD-ColorA);
	border-color: var(--CD-01-Bg);
	animation: EditorCta 30s linear infinite reverse;
}
@keyframes EditorCta {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}
.EditorCTA:after {
	content: 'i';
	width: 20px;
	aspect-ratio: 1/1;
	text-align: center;
	color: var(--Source-Positive-Color);
	font-size: 30px;
	line-height: 20px;
	font-weight: 600;
	font-family: monospace;
	position: absolute;
	left: 34px;
	top: 39px;
	transform: translateX(-50%) translateY(-50%);
}
.EditorCTA:hover:after {
	color: #fff;
	text-shadow: 1px 1px 2px #000;
}


/* --- */
.EditorBreaker {
	font-size: 240%;
	text-align: center;
	padding: 0.5em;
	margin: 3rem 0;
	color: var(--CD-02-Fg);
	background-color: var(--CD-02-Bg);
	line-height: 100%;
}

.EditorClear {
	clear: both;
}
hr.EditorClear {
	padding: 0;
	margin: 0;
	height: 0;
	background: none;
	border: none;
	font-size: 100%;
}
body[contenteditable="true"] hr.EditorClear {
	background-color: #000;
	height: 1em;
	margin: 1em 0;
	position: relative;
}
body[contenteditable="true"] hr.EditorClear:before {
	content: 'clear float';
	color: gold;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 100%;
	transform: translateX(-50%);
	margin-left: 50%;
}

.editorFlexTwo {
	display: -webkit-box; -ms-flex: 1; display: -ms-flexbox; display: flexbox; display: box; display: -ms-flex; display: -webkit-flex;
	display: flex;
	flex: 0 1 auto;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 1em;
}
.editorFlexTwo > div {width: 49%;}
@media screen and (max-width: 600px) {
	.editorFlexTwo > div {width: 100%; margin-bottom: 1em;}
	.editorFlexTwo > div > .editorFlexTwo > div {width: 49%;}
}
@media screen and (max-width: 300px) {
	.editorFlexTwo > div > .editorFlexTwo > div {width: 100%; margin-bottom: 1em;}
}

@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%;
		margin-bottom: 1em;
	}

	.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%;
	}
}

ul.editorTimeline {
	margin-top: 2em;
	overflow: visible;
}
ul.editorTimeline li {
	position: relative;
	margin-left: 160px;
	margin-bottom: 1em;
}
ul.editorTimeline li:before {
	content: '';
	animation: none;
	background-color: var(--CD-ColorA);
	border-radius: 0;
	position: absolute;
	left: -10px;
	top: 25px;
	width: 3px;
	height: 100%;
}
ul.editorTimeline li:last-of-type:before {
	display: none;
}
ul.editorTimeline li:after {
	content: '';
	animation: none;
	background-color: var(--CD-ColorA);
	border-radius: 100%;
	position: absolute;
	left: -14px;
	top: 10px;
	width: 11px;
	height: 11px;
}
ul.editorTimeline li h1,
ul.editorTimeline li h2,
ul.editorTimeline li h3,
ul.editorTimeline li h4,
ul.editorTimeline li h5 {
	font-family: monospace;
	font-size: 48px;
	line-height: 48px;
	position: absolute;
	left: -2vw;
	transform: translateX(-100%) translateY(-30%);
}