.label.container_fit {padding:7px 7px 5px  8px;position:absolute;top:0px;right:-2px; border-radius:0 0 0 10px;}
.label.container_fit > i {margin:0 !important;}
.cms_noedit .label.container_fit {display:none}

.label.container_alert {padding:7px 10px 5px 8px;position:absolute;top:0px;left:-2px; border-radius:0 0 10px 0;}
.cms_noedit .label.container_alert {display:none}

.jahresplanung_steckbrief {border:2px dashed #080}
.cms_noedit .jahresplanung_steckbrief {border:0}
.jahresplanung_steckbrief:after {content:'STECKBRIEF';position:absolute;top:-10px;font-size:10px;left:-2px;background:#080;color:#fff;display:inline-block;padding:0px 10px;pointer-events:none;}
.cms_noedit .jahresplanung_steckbrief:after {display:none;}


.addmodule.popup {cursor:pointer;}

.cms_noedit .hideedit {display:none;}
.invisible {display:none;}

#cms_suchergebnis, #cms_linkcontent, #cms_article_suchergebnis, #cms_articlelinkcontent, #cms_suchergebnis_sub, #cms_linkcontent_sub {
	border:1px solid #aaa;
	transition:height .5s;
	background:#fff;
	padding:4px 4px 0 4px;
	border-radius:5px;
}

.indice_wrap {padding: 100px 0; }

#cms_suchergebnis, #cms_article_suchergebnis, #cms_suchergebnis_sub {
	overflow-y:auto;
	max-height:255px;
	border-radius:5px;
}

#cms_suchergebnis small, #cms_linkcontcent small, #cms_article_suchergebnis small, #cms_articlelinkcontent small, #cms_suchergebnis_sub small {
	color:#666;
}
#cms_suchergebnis div, #cms_linkcontent div, #cms_article_suchergebnis div, #cms_articlelinkcontent div, #cms_suchergebnis_sub div, #cms_linkcontent_sub div {
	margin:0 0 4px 0; 
	background:#eee; 
	padding:4px; 
	cursor:pointer;
	transition:background .3s;
	border-radius:5px;
}

#cms_suchergebnis div:hover, #cms_article_suchergebnis div:hover, #cms_suchergebnis_sub div:hover {
	background:#080; 
}

#cms_linkcontent div:hover, #cms_articlelinkcontent div:hover, #cms_linkcontent_sub div:hover {
	background:#800 url(/cms/img/close.png) top right no-repeat; 
}

#cms_suchergebnis div:hover, #cms_linkcontent div:hover,
#cms_suchergebnis div:hover strong, #cms_linkcontent div:hover strong,
#cms_suchergebnis div:hover small, #cms_linkcontent div:hover small,
#cms_suchergebnis_sub div:hover small, #cms_linkcontent_sub div:hover small,
#cms_article_suchergebnis div:hover, #cms_articlelinkcontent div:hover,
#cms_article_suchergebnis div:hover strong, #cms_articlelinkcontent div:hover strong,
#cms_article_suchergebnis div:hover small, #cms_articlelinkcontent div:hover small {
	color:#fff; 
}

.cms_contentwindow {position:fixed;z-index:8999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;}
.cms_contentwindow > div {position:relative;background:#fff;max-width:95%;min-width:1300px;border-radius:4px;}


	.mediapool-select {width:100vw;}

	.cms_contentwindow .mediapool-select .selectimage.loadimages {
		min-width:90vw;
	}
	.mediapool-select .selectimage.loadimages {
		height:calc(90vh - 35px);
		width:100%;
		overflow-y:overlay;
		display:flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.mediapool-select .selectimage.loadimages > div {
		width:20%;
		overflow:hidden;
		height:25%;
		background-size:cover;
		background-position:center;
		background-repeat: no-repeat;
		cursor:pointer;
		position:relative;
		background-color:#bbb;
		border-top:1px solid #fff;
		border-right:1px solid #fff;
		opacity:0.7;
		transition:all .2s;
	}


	@media (max-width:1150px) {	
		.mediapool-select .selectimage.loadimages > div {
			width:25%;
		}
	}

	@media (max-width:900px) {	
		.mediapool-select .selectimage.loadimages > div {
			width:calc(100% / 3);
		}
	}

	.mediapool-select .selectimage.loadimages > div > span {
		display:none;
	}

	.mediapool-select .selectimage.loadimages > div > span {
		opacity:0;
		display: block;
		position:absolute;
		bottom:-100%;
		width:100%;
		left:0;
		padding:20px 50px 20px 20px;
		color:#fff;
		background: rgba(0,0,0,0.8);
		font-size:16px;
		transition:all .2s;

	}

	.mediapool-select .selectimage.loadimages > div:hover > span {
		opacity:1;
		bottom:0;
		z-index:10;
	}

	.mediapool-select .selectimage.loadimages > div:hover {
		background-size:contain;
		opacity:1;
	}


	.mediapool-select .selectimage.loadimages > div > span a {
		position:absolute !important;
		right:10px;
		bottom:10px;
	}

	.mediapool-select .selectimage.loadimages > .mediainfo {
		display:block;
		width:100%;
		cursor:default;
		box-shadow: inset 0px 0px 10px rgba(0,0,0,.5);
		padding:20px;
		margin:0px;
		border:0;
		border-bottom:1px solid #888;
		border-top:5px solid #2185d0;
		border-radius:0;
	}

	.mediapool-select .selectimage.loadimages > div.edit {
		opacity:1;
	}

	.mediapool-select .selectimage.loadimages > div.edit:after {
		content:'';
		position:absolute;
		bottom:0px;
		left:0;
		width:100%;
		height:80px;
		background: -moz-linear-gradient(top, rgba(33,133,208,0) 0%, rgba(33,133,208,0) 1%, rgba(33,133,208,1) 80%);
		background: -webkit-linear-gradient(top, rgba(33,133,208,0) 0%,rgba(33,133,208,0) 1%,rgba(33,133,208,1) 80%);
		background: linear-gradient(to bottom, rgba(33,133,208,0) 0%,rgba(33,133,208,0) 1%,rgba(33,133,208,1) 80%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002185d0', endColorstr='#2185d0',GradientType=0 );
		z-index:5;
	}

	.indicepop.selectimage .loadimages > div:after {
		content:'';
		display:none;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		--box-shadow: inset 0px 0px 1px #1368B1;
	}

	.indicepop.selectimage .loadimages > div:hover:after {
		display:block;
		background: rgba(0,0,0,0.05);
	}

	.indicepop.selectimage .loadimages > div.noimg,
	.indicepop.selectimage .loadimages > div.noimg:hover {		
		background:#fff url(/cms/img/wait2.gif) no-repeat center center;
		background-size:auto;
		background-position:center;
		cursor:default;
		box-shadow:none;
	}


.cms_hidden0 {
	width:10px;
	height:10px;
	display:inline-block;
	margin-right:5px;
	background:#080;
}

.cms_hidden1 {
	width:10px;
	height:10px;
	display:inline-block;
	margin-right:5px;
	background:#ed6a00;
}

.cms_hidden2 {
	width:10px;
	height:10px;
	display:inline-block;
	margin-right:5px;
	background:#f00;
}

#cms_dropbox {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(19,104,177,0.8);
	box-shadow:inset 0px 0px 50px rgba(19,104,177,1);
	z-index:6000;
	display:none;
}

#cms_dropbox > div {
	background:#fff;
	border-radius:10px;
	width:70%;
	margin:20% auto 0 auto;
	box-shadow: 1px 1px 15px 0 rgba(0,0,0,0.6);
}

#cms_dropbox > div #status1 { 
	padding:25px;
}

.progressBar {
	width: 35%;
	height: 25px;
	border-radius: 5px; 
	overflow: hidden;
	display:inline-block;
	margin:0px 10px 5px 5px;
	vertical-align:top;
	box-shadow:inset 2px 2px 5px rgba(0,0,0,0.3);
	background:rgba(0,0,0,0.1);
}

.progressBar div {
	height: 100%;
	color: #fff;
	font-size:10px;
	text-align: center;
	line-height: 25px; /* same as #progressBar height if we want text middle aligned */
	width: 0;
	background-color: #1368b1; 
	border-radius: 3px; 
}
.statusbar {
	min-height:25px;
	width:100%;
	border-top:1px solid #eee;
	padding:10px 0px;
	vertical-align:top;
}
.statusbar:first-child {
	border:0;
}
.filename {
	display:inline-block;
	vertical-align:top;
	width:35%;
}
.filesize {
	display:inline-block;
	vertical-align:top;
	color:#30693D;
	width:12%;
	margin-left:10px;
	margin-right:5px;
}
.abort {
	background-color:#a00;
	border-radius:4px;
	display:inline-block;
	color:#fff;
	font-family:arial;font-size:11px;font-weight:normal;
	padding:2px 15px;
	cursor:pointer;
	vertical-align:top
	}
.use {
	background-color:#080;
	border-radius:4px;
	display:inline-block;
	color:#fff;
	font-family:arial;font-size:11px;font-weight:normal;
	padding:2px 15px;
	cursor:pointer;
	vertical-align:top
}


#cms_donebox {
	position:fixed;
	z-index:500000;
	bottom:-200px;
	left:20px;
	line-height:1.3em;
	background:rgba(19,104,177,0.9);
	color:#fff;
	width:250px;
	text-align:center;
	padding:10px 10px;
	box-shadow: 2px 4px 5px 0 rgba(0,0,0,0.3);
	cursor:default;
}

#eingabefehler {
	color:#fff;
	background:#f00;
	padding:10px 5px;
	font-size:14px;
	text-align:center;
	border-radius: 5px;
	margin:5px 0 0 0;
	display:none;

	border-bottom:rgba(255,255,255,0.9) solid 1px;
	border-top:rgba(0,0,0,0.5) solid 1px;

	-moz-box-shadow: inset 0px 0px 20px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 0px 20px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 20px rgba(0,0,0,0.3);
}


.cms_container:hover:before{content:'LAYOUTBEREICH HILFSBOX';color:#fff;position:absolute;top:-30px;padding:4px 15px;display:block;background:rgba(19,104,177,0.9);z-index:1000;)}
.cms_noedit .cms_container:hover:before {display:none;}

.cms_content {
	position: relative;
	padding:0 0 50px 0;
	margin:0;
	transition:all .4s;
	border: 1px solid rgba(255,255,255,0.3);
	pointer-events: all;
}

.cms_content:after {
	content:'';
	position:absolute;
	width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;
	pointer-events: none;
	border: 1px dashed rgba(0,0,0,0.2);
}

.cms_noedit .cms_content {border:0;	padding:0;}
.cms_noedit .cms_content:after {display:none;}

.mediapool-select > .addmedia,
.cms_content > .addmedia {
	pointer-events: none;
	display: none;
	position: absolute;
	top: 0!important;
	left: 0!important;
	width: calc(100%);
	height: calc(100%);
	text-align: center;
	vertical-align: middle;
	padding: 1em;
	color:#fff;
	background-color: rgba(33,133,208,.95);
	opacity: 0;
	line-height: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	will-change: opacity;
	z-index: 1002;
}

.mediapool-select > .addmedia.active,
.cms_content > .addmedia.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	opacity: 1;
}

.cms_content:hover {border: 1px solid rgba(255,255,255,0.5);}
.cms_noedit .cms_content:hover {border:0;}
.cms_content:hover:after {border: 1px dashed rgba(19,104,177,1);}
.cms_noedit .cms_content:hover:after {border:0;}

.cms_content .addmodule.button {position:absolute;z-index:10;cursor:pointer;bottom:5px;left:5px;background:rgba(0,0,0,0.2)}

.cms_content.group:hover > .addmodule.button,
.hover .cms_content:hover > .addmodule.button {background:#2185d0;}
.addmodule.button, .addmodule.button i {cursor:pointer !important;}
.cms_noedit .cms_content .addmodule.button {display:none;}


.cms_container_infos {position:absolute;z-index:10;cursor:pointer;bottom:8px;left:50px;font-size:25px;opacity:0.4}
.cms_noedit .cms_container_infos {display:none;}
.cms_content .lastaddeditem {padding:20px;}

.cms_content .cms_content_info {
	z-index: 1;
	border-radius: 0 0 0 5px;
	background: #1368b1;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0px 5px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 9px;
	position: absolute;
	top: 0px;
	right: 0px;
	opacity:0.3;
	transition:all .5s;
	pointer-events: none;
}

.cms_content:hover .cms_content_info {
	opacity:1;
}
.cms_type_case { margin: 0;position:relative; }
.cms_noedit .cms_type_case {display:inline;}
.cms_type_case .imgwarning {position:absolute;top:15px;left:15px;}
.cms_noedit .imgwarning {display:none !important;}

.selectimage .lastaddeditem {padding:20px;background:rgba(0,0,0,0.5);border-radius:4px;margin-bottom:2px;display:flex;align-items:center;}
.selectimage .lastaddeditem .ui.progress {margin:0;width:100%;}

.cms_type_case.lastaddeditem {padding:50px;background:rgba(0,0,0,0.5);border-radius:4px;margin-bottom:2px;}
.cms_type_case.lastaddeditem .ui.progress {margin:0;}

.cms_type_case.absat {clear:both;}
.cms_type_case.hover:after {pointer-events: none;content:'';display:block;position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%; background:rgba(19,104,177,0.25); cursor:move; }
.ui-sortable-placeholder { background:rgba(19,104,177,0.5) url(/cms/img/drop.png) center no-repeat !important; border: 1px solid #1368b1; margin:1px; border-radius: 6px; visibility: visible !important;}
.cms_noedit .cms_type_case.hover:after {display:none;}
.ui-sortable-placeholder * { visibility: hidden; }

table.container { border-collapse:collapse; }
td.container { border-style: solid; border-width: 1px; border-color:#888888; }

legend {
	color: #1e3e63;
}
form {
	margin: 0px;
}

textarea.cms_eingabe {
	padding:6px;
}
.no {
	display:none;
}

.notiz {
	background-color: #FFFFCC; 
	border: solid 1px #9D9DA1;
	color:#000000;
	padding: 4px;
}

.alert { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #ff0000; cursor: default; }

.cmsreiter {
	width: 100%;
	background-color:#FCFCFE;
	border-left: #919B9C solid 1px;
	border-bottom: #919B9C solid 1px;
	border-right: #919B9C solid 1px;
}

.cms_reiter_an {
	background:#fff; 
	padding:5px 10px; 
	border-top:3px solid #1368b1;
	border-left:1px solid #919b9c;
	border-right:1px solid #919b9c;
	border-radius: 5px 5px 0 0;
	font-size:13px;
	color:#1e3e63;
}

.cms_reiter_aus {
	background:#ccc;
	padding:5px 10px;
	border-top:5px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #919b9c;
	border-radius: 10px 10px 0 0;

	-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
}
.cms_reiter_aus a {
	font-size:11px;
	color:#1e3e63;
}
.cms_reiter_aus:hover {
	background:#ddd;
}

.cms_reiter_disabled {
	background:#ccc; 
	color:#fff; 
	padding:5px 10px;
	border-top:5px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #919b9c;
	font-size:11px;
	border-radius: 10px 10px 0 0;
}

.cms_reiter_line {
	width:80%;
	border-bottom:1px solid #919b9c;
}

.cms_small  { color: #666; letter-spacing:0px; line-height:13px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.cms_small_disabled  { color: #BABABA; letter-spacing:0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.cms_whiteinfo  { color: #ffffff; letter-spacing:0px; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.cmswhite  { color: #ffffff; letter-spacing:0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.cms_info { color: #1e3e63; letter-spacing:0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.cms_whitetext  { color: #ffffff; letter-spacing:0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

.cms_notice {
	border-bottom:1px solid #ffffff;
	padding:2px;
	color: #1e3e63; 
	letter-spacing:0px; 
	line-height:11px; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:1px;
}

.neu {
	color:#24B53A;
	font-size:11px; 
	position:relative; 
	top:1px; 
	font-weight:bold;
}

.notice_pic {
	float:right; 
	margin:0px 0px 5px 5px;
}

.cms_alert { font-family: Arial, Helvetica, sans-serif; letter-spacing:0px; font-size: 9px; color: #ff0000; cursor: default; }
.tabellenhead { color: #ffffff; font-size: 14px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px; }
.tabellenhead strong { color:#fff !important; font-weight:bold; }


.cms_slider {
	-webkit-appearance: none;
	width: 100%;
	height: 32px;
	padding: 0 2px!important;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

.cms_slider:hover {
  opacity: 1;
}

.cms_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #2185d0;
  cursor: pointer;
}

.cms_slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #2185d0;
  cursor: pointer;
}

.cms_text  { color: #666; letter-spacing:0px; font-size: 14px;line-height: 16px; font-family: Arial, Helvetica, sans-serif;}
.cms_eingabe {
	color: #1e3e63;
	letter-spacing:0px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f5f5f5;
	border: solid 1px #1368b1;
	border-radius:4px; 
	padding: 4px 6px;
	outline:0px;	
}
.cms_alert_eingabe { 
	border-radius:4px; 
	margin-top:3px;
	background-image: url(/cms/img/seo_red.gif);
	text-align:center;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ff0000; 
	border:0px;
	border-bottom:rgba(255,255,255,0.8) solid 1px;
	border-top:rgba(0,0,0,0.3) solid 1px;
	-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
}
.cms_cangobetter_eingabe { 
	border-radius:4px; 
	margin-top:3px;
	background-image: url(/cms/img/seo_orange.gif);
	text-align:center;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F7D600;
	border:0px;
	border-bottom:rgba(255,255,255,0.8) solid 1px;
	border-top:rgba(0,0,0,0.3) solid 1px;
	-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
}
.cms_ok_eingabe { 
	border-radius:4px; 
	margin-top:3px; background-image: url(/cms/img/seo_green.gif);
	text-align:center;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #15D115;
	border:0px;
	border-bottom:rgba(255,255,255,0.8) solid 1px;
	border-top:rgba(0,0,0,0.3) solid 1px;
	-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);

}

.toolback {
	background: #d0d0d0 url(/cms/img/toolbar_back.gif) center no-repeat top;

}

a.cms_nolink  { color: #1e3e63; text-decoration: none; }
a.cms_nolink:hover  { color: #1e3e63; text-decoration: none; }
a.cms_whitelink  { color: #ffffff; text-decoration: none; }
a.cms_whitelink:hover  { color: #ffffff; text-decoration: underline; }

.submit { 
	background: #fff;
	border: 1px solid #1368b1;
	font-family: Arial, Helvetica, sans-serif; 
	color: #1368b1;
	font-size: 12px;
	cursor:pointer;
	border-radius:2px;
	padding:5px 6px;
	min-height:30px;
	transition:all .3s;
}

.submit img {
	position:relative;
	top:5px;
}

.submit[disabled] {
	border:#aaa 1px solid;
	background:#ddd;
	color:#aaa;
	cursor:default;
}
.submit[disabled]:hover {
	border:#aaa 1px solid;
	background:#ddd;
	color:#aaa;
	cursor:default;
}

.submit:hover,
.submit:focus {
	border:1px solid #0b5da3;
	background:#0b5da3;
	color:#fff;
}

.submit .cms_small,
.submit .cms_small {
	color:#666;
}

.submit:hover .cms_small,
.submit:focus .cms_small {
	color:#fff;
}

.submit:visited { color: #4286c0; }

.button_delete { 
	background: #fefefe url(/cms/img/back_button_delete.gif) center no-repeat; 
	width:13px;
	margin:0px 1px 1px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #1e3e63;
	Background-color: #ffffff;
	font-size: 12px; 
	border: 1px double; 
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}
.button_up { 
	background: #fefefe url(/cms/img/back_button_up.gif) center no-repeat; 
	width:13px;
	margin:0px 1px 1px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #1e3e63;
	Background-color: #ffffff;
	font-size: 12px; 
	border: 1px double; 
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}

.button_down { 
	background: #fefefe url(/cms/img/back_button_down.gif) center no-repeat; 
	width:13px;
	margin:0px 1px 1px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #1e3e63;
	Background-color: #ffffff;
	font-size: 12px; 
	border: 1px double; 
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}

.button_right { 
	background: #fefefe url(/cms/img/back_button_right.gif) center no-repeat; 
	width:13px;
	margin:0px 1px 1px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #1e3e63;
	Background-color: #ffffff;
	font-size: 12px; 
	border: 1px double; 
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}

.button_left { 
	background: #fefefe url(/cms/img/back_button_left.gif) center no-repeat; 
	width:13px;
	margin:0px 1px 1px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #1e3e63;
	Background-color: #ffffff;
	font-size: 12px; 
	border: 1px double; 
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}


.img_button {
	background: #fefefe url(/cms/img/back_32.gif) center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #1e3e63;
	font-size: 12px;
	border-top: 3px double #c4cccc;
	border-right: 3px double #acb5b5;
	border-bottom: 3px double #6f7777;
	border-left: 3px double #acb5b5;
}

.img_button:hover,
.img_button:focus { border-color: #aedf9a #94da78 #6ab94b #94da78; }
.img_button:visited { color: #2b333c; }

.cmstitle { 
	color: #ffffff;
	font-size: 13px;
	font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	letter-spacing: 0px;
	padding:8px 10px;
	background: #1e3e63;
	border-radius:3px 3px 0 0;
}

.cmstitle strong { color:#fff !important; font-weight:700; }
.cmstitle .close { float:right; cursor:pointer;} 


.cms_noedit .cmstitle.module {display:none;}

.cmswindow {
	box-sizing:border-box;
	background-color: #fff; 
	width:100%;
	border-radius:4px;
	font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-size: 15px;
	line-height: 19px;
	box-shadow: 1px 1px 20px 0 rgba(0,0,0,0.9);
}

.cmswindow .styled.accordion {
	-webkit-box-shadow: none;
	box-shadow:none;
}

.cmswindow .mix {display:flex;justify-content:space-between;align-items:stretch;}
.cmswindow .mix > * {flex-grow: 1;}
.cmswindow .mix > *:first-of-type {flex-grow: 1;}
.cmswindow .mix.spaced > * {padding:0px 2px;}


.reslabel {margin:10px 0;display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.reslabel > div {background:#ddd;display:flex;justify-content:center;align-items:center;flex-direction:column;border:4px solid #f8f8f9;height:150px;padding:10px;cursor:move;}
.reslabel > div:hover {background:#bbb;}
.reslabel > div > span {display:flex; height:40px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:20px;color:#888;font-weight:700;padding:3px 10px 0 10px;}
.reslabel > div > div, .reslabel > div > span {margin-bottom:10px;}

.reslabel .ui.dropdown .menu>.item {
    padding: .58571429rem 1.14285714rem!important;
    font-size: 0.9rem;
}

.designlabel {float:left;margin:5px 10px 5px 0;cursor:pointer;}
.designlabel > div {display:flex;width:130px;height:50px;padding:5px;border:1px solid #888;background:#fff;opacity: 0.4;transition:all .2s;}
.designlabel > div > div {background:#ddd;border:1px solid rgba(0,0,0,.1)}
.designlabel input {display:none;}
.designlabel input[type=radio]:checked ~ div {opacity: 1;border:1px solid rgba(255,255,255,1);outline:2px solid #1e3e63}
.designlabel:hover > div {opacity: 1;}


.hidden_cells > div {border-radius:5px;background:#ccc;padding:9px 15px 7px 15px;margin: 0 3px 3px 0;display:inline-block;cursor:pointer;}
.hidden_cells > div:hover {background:#0b0;color:#fff;}
.hidden_cells > div > span:after {content:' einblenden'}
.hidden_cells > div > div {display:none!important;}
.hidden_cells > div > button {display:none!important;}

.colorpicker label {float:left;margin:0 10px 10px 0;cursor:pointer;position:relative;}
.colorpicker label span {display:none;position:absolute;top:40px;right:0px;white-space:nowrap;background:#fff;padding:5px;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
.colorpicker label input {display:none;position:absolute;top:5px;left:5px;cursor:pointer;}
.colorpicker label > div {background:url(/cms/img/transparentraster.png);transition:all .2s;}
.colorpicker label > div > div {width:40px;height:40px;border:1px solid rgba(0,0,0,0.2);transition:all .2s;}
.colorpicker input[type=radio]:checked ~ div > div {border:1px solid rgba(255,255,255,1);outline:2px solid #1e3e63}
.colorpicker label:hover > div > div {border:1px solid rgba(255,255,255,1);outline:2px solid rgba(0,0,0,0.5)}
.colorpicker label:hover span {display:block;z-index:1000;}
.colorpicker:after {content:'';clear:both;display:block;}

.cms_contextmenu {
	box-sizing:border-box;
	background-color: #E0DFE3;
	box-shadow: 1px 1px 20px 0 rgba(0,0,0,0.9);
	z-index:100000;
	position:fixed;
	border-radius:4px;
	display:none;
}


article .cmswindow { 
	width:98%;
	margin:0 1%;
}

#CMS {

	position: fixed;
	transition: 0.33s ease-in-out;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
	z-index:100000;
	top:0;
	right:-300px;
	height: 100%;
	background-color: white;
	box-shadow: 1px 1px 20px 0 rgba(0,0,0,0.9);

}

#CMS #toolbar_content {
	padding: 6px;
	max-height: 95vh;
	overflow-y:scroll;
}

#CMS .ui.right.action.left.icon.input.tagsearch {
	width: 100% !important;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

#CMS .ui.action.input:not([class*="left action"]) > input {
    border-right-color: rgba(34,36,38,.15) !important;
}

#CMS .ui.green.fluid.tiny.label {
	margin: 2px;
}

#CMS .addnew .ui.inverted.green.segment {

	line-height: 1em !important;

}

#CMS .addnew .three.fields {

	flex-direction: column;

}

#CMS .addnew .three.fields > .field, .ui.form .three.fields > .fields {

	width: 100%;

}

.scrollable {

	overflow-y: scroll;

}

#CMS #sitemap-image-preview {

	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center;
	cursor: pointer;

}

@media(max-width: 700px) {
	#CMS {
		display: none;
	}
}

#CMS:hover #toolbar-blue-bar {

	width: 0px;

}

#CMS [indice-preview] {
    cursor: pointer;
}

#CMS #toolbar-blue-bar {
    width: 50px;
    height: 100vh;
    background-color: #1e3e63dd;
    transition: 0.33s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#CMS #toolbar-blue-bar p {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    color: white;
    text-transform: uppercase;
}

#CMS .cmswindow {

	width: 300px;

}

#CMS .cmswindow.noshadow {

	box-shadow: none;

}

.zoomable {cursor:zoom-in}
.zoommodal {display:none;cursor:zoom-out;position:fixed;align-items:center;justify-content:center;padding:30px;width:100%;height:100%;z-index:10000;top:0;left:0;background:rgba(0,0,0,0.7)}
.zoommodal img {width:100%;height:100%;object-fit: scale-down;}

#type-form.hidden {display: none;}
.module-modal .item {margin: 8px 0;color: grey;}
.module-modal .item:hover {color: black;cursor: pointer;}
.module-modal .item .icon {margin-right: 8px !important;}

#startcmspass {position:fixed; z-index:25000;height:100vh;width:100%;top:0;left:0; display: none; overflow: hidden;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;}
#startcmspass > div {background:rgba(0,0,0,0.5);height:100%;width:100%;display:flex;align-items: center;justify-content: center;}
#startcmspass form {background:#fff; width:90%; max-width:450px;border-radius: 3px;box-shadow: 1px 1px 20px 0 rgba(0,0,0,0.4);}
#startcmspass .head {color: #ffffff;
font-size: 13px;
letter-spacing: 0px;
padding: 8px 10px;
background: #1e3e63;
border-radius: 3px 3px 0 0;}
#startcmspass .log {padding:20px;}
#startcmspass input {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;padding:10px;font-size:16px;width:100%;margin-bottom:5px;border:1px solid #bbb;outline:0;border-radius:4px;}
#startcmspass button {font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;padding:10px;cursor:pointer;transition:all .4s;background:#eee;color:#000;font-size:16px;margin-bottom:5px;border:0;outline:0;border-radius:4px;}
#startcmspass button:hover {background:#999;}
#startcmspass .foot {padding:10px;background:#eee;color:#888;font-size:12px;border-radius: 0 0 3px 3px;}

#CMS:hover {

	right:0px;

}

#cms > cmswindow {
	margin:0px;
}

.cmswindow > tr > td {
	padding:5px;
}

.cmswindow fieldset {
	padding: 24px 6px 6px 6px;
	display: block;
	margin: 3px;
	line-height: 13px;
    font-size: 12px;
	border: 0;
	border-radius:2px;
	background: rgba(0,0,0,0.07) !important;
	position: relative;
}

.indice_editwindow_scroller {max-height:60vh;min-height:290px;padding: 0 3px;margin-bottom:10px;overflow-y:auto;overflow-x:hidden;}
.indice_editwindow_scroller:empty {min-height:auto;}



.rescontainer:empty:after {content:'Momentan ist kein Responsive verhalten hinterlegt. Es wird das automatische Verhalten verwendet.'; color:rgba(0,0,0,.5);display:block; font-size:2em;padding:40px; text-align:center;}


.cmswindow fieldset .ui > label { cursor:pointer; }

.cmswindow fieldset.infos {
	padding:0;
	background:#fff;
}


.cmswindow fieldset.infos .title {
	padding:0 !important;
}

.cmswindow fieldset legend {
	color: #666;
	background:#fff;
	border-radius: 0 0 6px 0;
	font-weight:bold;
	font-size: 11px;
	position: absolute;
	letter-spacing: 0px;
	left: 0px;
	top: 0px;
	padding:3px 7px 3px 1px;
}

.cmstitle_alert { 
	color: #ffffff; font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	letter-spacing: 0px;
	background-color:#ff0000;
	background:url(/cms/img/headerback_alert.gif);
}
.cmswindow_alert {
	background-color: #ff0000; 
	width:100%; 
	border: 1px solid #ff0000;
}
.cmsopener {
	cursor: pointer;
	color:#fff !important;
	font-size: 11px;
	padding:1px 10px;
	background:#888;
	border-top:1px solid #e0dfe3;
	--background:#e0dfe3 no-repeat right top url(/cms/img/divopener_back.gif);
	width: 100%;

}

.cmsopener:hover {
	background:#777;
}

.cmsopener td {
	color:#fff !important;
	padding:5px 0;
}
select:hover,
select:focus { 
	border:1px solid #1e3e63;
 }

select:hover option,
select:focus option { 
	background:#fff;
	color:#1e3e63;
	cursor:pointer;
 }

 .cms-module-modify-inner-scroll { max-height:80vh; overflow-y:auto; }

 #preview-dimmer {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
}

#preview-dimmer iframe.mobile {
    width: 411px;
    height: 731px;
}

#preview-dimmer iframe.tablet {
    width: 1024px;
    height: 768px;
}

#preview-dimmer iframe {
    border: none;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
}