/*
** Allgemeines -----------------------------------------
*/
body {
	height:100%;
	max-height:100%;
	max-width:100%;
	width:100%;
	line-height:1.5;
	margin: 0;
	padding: 0;
	background-color: #2e2e2e;
	color: #C0C0C0;
	font-size: 14px;
	font-weight: 400;
	font-family: Verdana,Arial,Helvetica;
}

* {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
}

ul,
ul li {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

html {
	height:100%;
	max-height:100%;
	max-width:100%;
	width:100%;
}

#desktop_body {
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#desktop_reseller {
position: absolute;
right: 20px;
bottom: 20px;
z-index: 2;
opacity: 0.5;
-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.50);
box-shadow: 0 0 5px 0px rgba(0,0,0,0.50);
}

#desktop_reseller div {
background-color: #FFFFFF;
color: #000000;
padding: 2px 10px;
}

#desktop_reseller div:first-child {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
padding-top: 10px;
}

#desktop_reseller div:last-child {
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
padding-bottom: 10px;
}

#desktop_reseller span {
display: inline-block;
width: 100px;
}

#desktop_reseller a {
color: #000000;
}

form {
	margin: 0;
	padding: 0;
}

a { text-decoration: none; }

fieldset,
.fieldset {
	padding: 0 20px;
	border: 1px solid #C0C0C0;
	background-color: #2e2e2e;
}

/*
** Desktop -----------------------------------------
*/
.cms_window {
	position: absolute;
	left: 60px;
	top: 20px;
	border: 0;
}

.cms_window_titel {
	margin-top: 1px;
	margin-left: 10px;
	color: #808080; }

.cms_window_iframe {
	background-color: #2e2e2e; }

.cms_window_status {
	color: #808080; }

#desktop_sitebar {
	position: absolute;
	top: 50%;
	margin-top:-365px;
	right: 20px;
	width: auto;
	filter: alpha(opacity=30);
	opacity: 0.30; }

#desktop_nav {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 20px;
	width: 350px;
	z-index: 1;
	filter: alpha(opacity=96);
	opacity: 0.96; }

#desktop_updateframe {
	position: absolute;
	bottom: 0;
	right: 0;
}

nav {
	position: absolute;
	left: 0;
	right: 0;
	background-color: #000000;
	background: url('/cms/interface_v4/fensterdesigns/Modern_dunkel/nav.png') left top repeat-x #000000;
}

nav #nav_right {
	float: right;
	width: auto;
}

nav #nav_right a,
nav #nav_right span {
	float: left;
	width: auto;
	display: inline-block;
	height: 20px;
}

nav #nav_user {
	font-weight: bold;
	padding: 15px 10px;
}

nav #nav_einstellungen {
	background: url('/cms/interface_v4/icons/16x16/config.png') left center no-repeat;
	padding: 15px 10px 15px 25px;
}

nav #nav_benutzer {
	background: url('/cms/interface_v4/icons/16x16/benutzer.png') left center no-repeat;
	padding: 15px 10px 15px 25px;
}

nav #nav_logout {
	background: url('/cms/interface_v4/icons/16x16/logout.png') left center no-repeat;
	padding: 15px 10px 15px 25px;
}

nav ul {
	position: absolute;
	left: 0
	right: 0
	top: 0;
	margin: 0;
	padding: 0;
}

nav ul li {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
}

nav ul li span {
	display: inline-block;
	padding: 15px;
	margin: 0;
}

nav ul ul {
	position: absolute;
	left: 0;
	top: 50px;
	visibility:hidden;
	overflow:hidden;
	overflow-y:auto;
}

nav ul ul.raster {
	columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;
}

nav ul ul li {
	white-space: nowrap;
}

nav ul ul li a {
	display: block;
	width: 250px;
	padding: 5px 15px 5px 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left 5px center;
}

nav ul ul.site_select li a {
	padding: 5px 15px;
}

nav ul ul li a:hover {
	background-color: #f5c11e;
	color: #000000;
}

nav ul li:hover ul,
nav ul a:hover ul{visibility:visible;}
nav ul :hover ul ul{visibility:hidden;}
nav ul :hover ul :hover ul{ visibility:visible;}

nav .desktop_nav_site_close {
	display: inline-block;
	margin-left: 5px;
	font-weight: bold;
	filter: alpha(opacity=50);
	opacity: 0.50;
}

nav .desktop_nav_site_close:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}



/*
** Login -----------------------------------------
*/
div#cms_login_form_tmp {
	overflow: hidden;
	padding: 0 20px; }

	div#cms_login_form_tmp label {
		float: left;
		width: 110px;
		padding-right: 10px;
		font-size: 1em;
	}
	
	div#cms_login_form_tmp div input {
		width: 130px;
	}

/*
** ModulmenÃ¼ -----------------------------------------
*/
ul.uebersicht {
	padding: 10px 0;
	margin: 0;
	list-style-type: none; }

	ul.uebersicht li a {
		display: block;
		padding: 5px 5px 5px 10px;
	}
	
	ul.uebersicht li a.active,
	ul.uebersicht li a:hover.active {
		background-color: #404040;
	}

	ul.uebersicht li a:hover {
		background-color: #282828;
	}

		ul.uebersicht li a img {
			margin: 0 10px 0 0;
		}


/* ------------------------------------------------
** Listen -----------------------------------------
------------------------------------------------ */

div.multisite_neu {
	margin-bottom: 20px;
	height: auto;
	overflow: visible;
}

	div.multisite_neu a {
		float: left;
		width: auto;
		height: 16px;
		padding-left: 20px;
		margin-right: 20px;
		color: #C0C0C0;
		white-space: nowrap;
	}

table.liste {
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
	clear: both;
}

table.liste > thead > tr {
	background-color: #808080;
	color: #000000;
}

  	table.liste > thead > tr > td {
  		font-size: 0.8em;
  		font-weight: bold;
  		border-bottom: 5px solid #2e2e2e;
  		vertical-align: bottom;
		padding: 5px 8px;
  	}

/*body table.liste tbody .sortable_placeholder { height: 20px; background-color: #FF0000;  }*/

table.liste > tbody.striped > tr:nth-child(odd) {
	background-color: #404040;
}

table.liste > tbody.lined > tr > td {
	border-bottom: 1px solid #404040;
}

table.liste > tbody.striped > tr.highlight,
table.liste > tbody.striped > tr:nth-child(odd).highlight,
table.liste > tbody.striped.hover > tr:hover,
table.liste > tbody.striped.hover > tr:nth-child(odd):hover {
	background-color: #f5c11e;
}

table.liste > tbody.striped > tr.highlight > td,
table.liste > tbody.striped > tr:nth-child(odd).highlight > td,
table.liste > tbody.striped.hover > tr:hover > td,
table.liste > tbody.striped.hover > tr:nth-child(odd):hover > td {
	background-color: transparent;
	color: #000000;
}

table.liste > tbody > tr > td {
	padding: 5px 8px;
	vertical-align: top;
}

table.liste > tbody > tr > td.center {
  text-align: center;
}

table.liste > tbody > tr > td.right {
  text-align: right;
}

table.liste > tbody > tr > td a {
	color: inherit;
}

.pos_print {
	background: url('/cms/interface_v4/icons/16x16/verschieben.png') left center no-repeat;
	width: 20px;
	padding-left: 20px;
	text-align: center;
	cursor: move;
}

table.liste tbody.position_hinzufuegen {
	outline: 1px solid #C0C0C0;
	-webkit-outline-radius: 5px;
	-moz-outline-radius: 5px;
	outline-radius: 5px;
	padding: 10px;
}

table.liste tbody td i {
  font-size: 16px;
  display: inline-block;
  margin-top: 2px;
}

table.liste tfoot tr {
	background-color: #808080;
	color: #000000;
}

  	table.liste tfoot tr > td {
  		font-weight: bold;
  		vertical-align: top;
		padding: 5px 8px;
  	}

.abm_menge {
	margin-top: 5px;
	color: #C0C0C0;
	background-color: #606060;
	text-align: center;
	font-size: 10px;
}

div.multisite_seitenzahlen {
	padding: 3px;
	overflow: hidden;
	border-top: 5px solid #2e2e2e;
	background-color: #808080;
	color: #000000;
}
* html div.multisite_seitenzahlen {
	overflow: visible;
	height: 1%;
}

	div.multisite_seitenzahlen input {
		background-color: transparent;
		border: 0;
		width: 50px;
		text-align: center;
		padding: 0;
	}
	
	div.multisite_seitenzahlen div.printsite {
		float: left;
		width: auto;
		margin-right: 1em;
		padding-right: 1em;
		border-right: 1px solid #000000;
	}
	
	div.multisite_seitenzahlen ul,
	div.multisite_seitenzahlen ul li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		div.multisite_seitenzahlen ul li {
			float: left;
			width: auto;
			margin-right: 1em;
		}
		
		div.multisite_seitenzahlen ul li a {
			color: #000000;
		}

		div.multisite_seitenzahlen ul li.alleanzeigen {
			float: right;
			margin-right: 0;
		}
		
		
#multisite_ausfueren {
	margin-top: 10px; }

	#multisite_ausfueren select,
	#multisite_ausfueren td.action,
	#pics_files_ausfueren select,
	#pics_files_ausfueren td.action	{
		width: 100%;
		padding-right: 10px;
	}
	
	input.submit_ausfuehren {
		width: 15em;
	}

	
/*
**  Neu, Bearbeiten -----------------------------------------
*/

.multisite_eintrag_top,
#multisite_eintrag_top {
	margin-bottom: 10px;
	overflow: hidden;
	height: 50px;
	position: relative;
	background-color: #808080;
	color: #000000; }

	.multisite_eintrag_top_icon,
	#multisite_eintrag_top_icon {
		float: left;
		width: auto;
		padding: 9px;
	}
	
	.multisite_eintrag_top_titel,
	#multisite_eintrag_top_titel {
		padding: 9px;
		font-weight: bold;
	}
	
	.multisite_eintrag_top_uebersicht a,
	#multisite_eintrag_top_uebersicht a {
		display: block;
		float: right;
		width: auto;
		padding: 8px 10px 8px 45px;
		background: url('/cms/interface_v4/icons/32x32/zurueck.png') 5px center no-repeat #808080;
		border-left: 5px solid #2e2e2e;
		color: #000000;
	}

div#eintrag_sections {
	border-bottom: 5px solid #808080;
	position:relative;
	height: 41px;
}

	div#eintrag_sections ul,
	div#eintrag_sections ul li {
		padding: 0;
		margin: 0;
		list-style-type: none;
		list-style-image: none;
	}

	div#eintrag_sections > ul {
		display: flex;
	}
		
		div#eintrag_sections ul li {
			position: relative;
		}

			div#eintrag_sections ul ul {
				border-top: 5px solid #808080;
				visibility: hidden;
				position: absolute;
				top: 41px;
				left: 0;
				width: 250px;
				height: 0;
				z-index: 10;
			}

				div#eintrag_sections ul ul li {
					width: 250px;
				}

				div#eintrag_sections ul ul li:first-child {
					border-top: 5px solid #2e2e2e;
				}
				
	      			div#eintrag_sections ul ul ul {
	      				border-top: none;
	      				visibility: hidden;
	      				position: absolute;
	      				top: 0;
	      				left: 250px;
	      				width: 300px;
	      			}

					div#eintrag_sections ul ul ul li {
						width: 300px;
					}
					
					div#eintrag_sections ul ul ul li:first-child {
						border-top: none;
					}

	div#eintrag_sections li a,
	div#eintrag_sections li a:visited {
		display: block;
		padding: 10px 10px 10px 41px;
		margin-right: 5px;
		background-repeat: no-repeat;
		background-position: 5px center;
		background-color: #606060;
		color: #000000;
		text-decoration:none;

		-webkit-border-top-left-radius:10px;
		-moz-border-radius-topleft:10px;
		border-top-left-radius:10px;
	}
	
	div#eintrag_sections li a.aktiv,
	div#eintrag_sections li a:hover {
		background-color: #808080;
		color: #000000;
	}

	div#eintrag_sections li a.no_hover:hover {
		background-color: #606060;
		color: #000000;
	}

		div#eintrag_sections ul ul a,
		div#eintrag_sections ul ul a:visited {
			padding: 12px 10px 12px 41px;
			margin-right: 0;

			-webkit-border-top-left-radius:0;
			-moz-border-radius-topleft:0;
			border-top-left-radius:0;
		}

			div#eintrag_sections ul ul ul a,
			div#eintrag_sections ul ul ul a:visited {
				padding: 5px 5px 5px 10px;
				margin-right: 0;
				border-left: 5px solid #2e2e2e;
			}

div#eintrag_sections ul li:hover ul,
div#eintrag_sections ul a:hover ul {visibility:visible;}
div#eintrag_sections ul :hover ul ul {visibility:hidden;}
div#eintrag_sections ul :hover ul :hover ul { visibility:visible;}


div.sections_ohne_icon {
	position:relative;
	overflow: hidden;
}

	div.sections_ohne_icon ul,
	div.sections_ohne_icon ul li {
		padding: 0;
		margin: 0;
		list-style-type: none;
		list-style-image: none;
	}

	div.sections_ohne_icon ul {
		float: left;
		width: auto;
	}
		
		div.sections_ohne_icon ul li {
			float: left;
			width: auto;
			position: relative;
		}

	div.sections_ohne_icon li a,
	div.sections_ohne_icon li a:visited {
		display: block;
		padding: 5px;
		margin-right: 5px;
		background-repeat: no-repeat;
		background-position: 5px center;
		background-color: #606060;
		color: #000000;
		text-decoration:none;
	}
	
	div.sections_ohne_icon li a.aktiv {
		background-color: #808080;
		color: #000000;
	}


#eintrag_form {
	padding: 10px 20px;
	background-color: #202020;
	/*overflow: hidden;*/
	min-height: 450px;
	height: auto !important;
	height: 450px;
}
* hmtl #eintrag_form {
	overflow: hidden;
	height: 1%; }

#eintrag_form br {
	font-size: 0.7em; }

	#eintrag_form input.submit {
		width: 400px;
	}

	#eintrag_form ul {
		list-style-type: none;
	}
	
		#eintrag_form ul li.folder { /* Für die einrückung der Benutzerberechigungen bei Ordnern */
			margin-left: 20px;
		}
	

div.subsection_titel {
	padding: 5px;
	overflow: hidden;
	background-color: #606060;
	color: #000000; }
* hmtl div.subsection_titel {
	overflow: hidden;
	height: 1%; }

div.subsection_box {
	padding: 0 15px;
	margin-bottom: 20px;
	border: 1px solid #606060;
	color: #C0C0C0; }


.fancybox_dialog_content {
	display: none;
	background-color: #2e2e2e;
	color: #C0C0C0;
	padding: 20px;
}

.fancybox_dialog_top {
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #808080;
	color: #000000;
	padding: 10px;
	font-weight: bold;
}

.form_buttons {
	/*
	left: 0;
	bottom: 0;
	position: absolute;
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
	*/
	overflow: hidden;
	margin: 30px 0 10px 0;
	border-top: 1px solid #606060;
	padding-top: 15px;
}

.slidedown_dialog {
	position: relative;
	display: none;
	padding: 0 20px;
	margin: 10px 0 20px 0;
	overflow: auto;
	border: 1px solid #C0C0C0;
}

.slidedown_dialog_hide {
}

/*
**  Pics, Files -----------------------------------------
*/
#pics_files_actions,
#hinzufuegen {
	display: none;
	padding: 0 20px;
	margin: 10px 0 20px 0;
	overflow: auto;
	border: 1px solid #C0C0C0;
}

#pics_files_actions {
	height: 330px;
}

	#pics_files_verwenden_result ul,
	#pics_files_verwenden_result ul li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		#pics_files_verwenden_result.pics ul li {
			float: left;
			width: 70px;
			height: 50px;
			margin: 10px 10px 10px 0;
			overflow: hidden;
		}
		
		#pics_files_verwenden_result.files ul li {
			margin: 5px;
		}
		
		#pics_files_verwenden_result.pics ul li span,
		#pics_files_verwenden_result.pics ul li a {
			float: right;
			width: auto;
		}


ul#pics_files_pics,
ul#pics_files_pics li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#pics_files_pics {
clear: both;
overflow: hidden;
}

ul#pics_files_pics li {
	float: left;
	width: 120px;
	margin: 0 20px 20px 0;
	border: 1px solid #808080;
	padding: 10px;
	background-color: #404040;
}

ul#pics_files_files li {
	float: left;
	width: 200px;
	margin: 0 20px 20px 0;
	border: 1px solid #808080;
	padding: 10px;
	background-color: #404040;
}

.pics_files_top {
	min-height: 16px;
	overflow: hidden;
}

.pics_files_top_checked {
	float: left;
	width: 30px;
}

.pics_files_top_titelbild {
	float: left;
	width: 40px;
}

.pics_files_top_titelbild_sprache {
	display: block;
	margin-top: 1px;
	font-size: 10px;
}

.pics_files_top_verschieben,
.pics_files_top_bearbeiten {
	float: right;
	width: 20px;
	text-align: right;
}

.pics_files_top_verschieben {
	cursor: move;
}

.pics_files_pic {
	display: block;
	height: 110px;
	width: 120px;
	overflow: hidden;
	margin-top: 20px;
	text-align: center;
}

.pics_files_file {
	display: block;
	height: 90px;
	width: 190px;
	overflow: hidden;
	margin-top: 10px;
	padding: 5px;
	text-align: center;
	color: #000000;
	background-color: #f5c11e;
}

#pics_files_checkall {
	clear: both;
	overflow: hidden;
	padding: 10px;
	border: 1px solid #C0C0C0;
	margin: 10px 0;
	background-color: #404040;
}

#pics_files_checkall div {
float: left;
width: auto;
margin-right: 20px;
}

#pics_files_checkall a {
padding-left: 20px;
}

#pics_files_ausfueren {
	border-top: 5px solid #202020;
}


/*
** Katsite -----------------------------------------
*/
div.katsite_position {
	position: relative;
	padding: 5px 300px 5px 50px;
	overflow: hidden;
	margin-bottom: 30px;
	background: url('/cms/interface_v4/icons/32x32/info.png') 5px center no-repeat #808080;
	color: #000000; }

	div.katsite_position a {
		text-decoration: underline;
		color: #000000;
	}

div.katsite_position_suche {
	position: absolute;
	top: 12px;
	right: 20px;
}

/*
** Formulare -----------------------------------------
*/
form {
	margin: 0;
	padding: 0;
}

div.element_block {
	box-sizing: border-box;
	margin: 20px 0;
	/*padding: 8px 0;*/
}

input[type="text"],
input[type="password"],
input.text,
input.texterror {
	box-sizing: border-box;
	width: 100%;
	font-size: 12px;
	color: #000000;
}

input[type="text"]::placeholder {
  font-size: 10px;
  
}

input[type="submit"] {
	box-sizing: border-box;
	font-size: 12px;
	color: #000000;
}

input[type="button"],
button[type="button"] {
	box-sizing: border-box;
	font-size: 12px;
	color: #000000;
}

input[type="submit"].form_buttons_ok, 
input[type="button"].form_buttons_ok, 
button[type="button"].form_buttons_ok, 
input[type="submit"].form_buttons_cancel,
input[type="button"].form_buttons_cancel,
button[type="button"].form_buttons_cancel {
	font-weight: bold;
	border: none;
	padding: 5px 20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}

input[type="submit"].form_buttons_ok,
input[type="button"].form_buttons_ok,
button[type="button"].form_buttons_ok {
	background-color: #008000;
	color: #FFFFFF;
	min-width: 250px;
}

input[type="submit"].form_buttons_ok:hover,
input[type="button"].form_buttons_ok:hover,
button[type="button"].form_buttons_ok:hover {
	background-color: #006c00;
}

input[type="submit"]t.form_buttons_cancel,
input[type="button"]t.form_buttons_cancel,
button[type="button"]t.form_buttons_cancel {
	background-color: #808080;
	min-width: 250px;
	color: #000000;
}

input[type="submit"].form_buttons_cancel:hover,
input[type="button"].form_buttons_cancel:hover,
button[type="button"].form_buttons_cancel:hover {
	background-color: #707070;
}

input[type="submit"].form_buttons_ok[disabled],
input[type="button"].form_buttons_ok[disabled],
button[type="button"].form_buttons_ok[disabled],
input[type="submit"].form_buttons_ok:hover[disabled],
input[type="button"].form_buttons_ok:hover[disabled],
button[type="button"].form_buttons_ok:hover[disabled],
input[type="submit"].form_buttons_cancel[disabled],
input[type="button"].form_buttons_cancel[disabled],
button[type="button"].form_buttons_cancel[disabled],
input[type="submit"].form_buttons_cancel:hover[disabled],
input[type="button"].form_buttons_cancel:hover[disabled],
button[type="button"].form_buttons_cancel:hover[disabled] {
	background-color: #C0C0C0;
	color: #000000;
}


input.file {
	box-sizing: border-box;
	font-size: 12px;
	width: 100%;
}

textarea {
	box-sizing: border-box;
	font-size: 12px;
	width: 100%;
	color: #000000;
}

textarea.error {
	box-sizing: border-box;
	font-size: 12px;
	width: 100%;
}

select {
	box-sizing: border-box;
	font-size: 12px;
	width: 100%;
	color: #000000;
}

input.text:focus,
input.texterror:focus,
textarea:focus,
textarea.error:focus,
textarea.texterror:focus,
select:focus,
select.error:focus,
file:focus,
file.texterror:focus {
	background-color: #fdf1cf;
}

input.scanner {
background-image: url('/cms/interface_v4/icons/16x16/barcode_textfeld_grau.png');
background-position: right center;
background-repeat: no-repeat;
}

input.scanner:focus {
background: url('/cms/interface_v4/icons/16x16/barcode_textfeld_scan.png') right center no-repeat #fdf1cf;
}

input.texterror,
input.text.error,
input.error,
file.texterror,
file.text.error,
file.error,
textarea.error,
textarea.texterror,
textarea.text.error,
textarea.error,
select.error {
	background-color: #FFCDCD;
	border: 2px inset #FF0000;
}

input.submit {
	width: 300px;
}

label {
	display: block;
	font-size: 0.8em;
	text-align: left;
}

label.error,
span.error,
div.error {
	color: #FF0000;
}

input.preis {
background-position: right 3px center;
background-repeat: no-repeat;
width: 90px;
text-align: right;
padding-right: 17px;
}

input.preis[disabled] {
background-color: #C0C0C0;
border: 1px inset #C0C0C0;
}


/*
** pages_js -----------------------------------------
*/

tbody.pages_js_page:not(.page1),
tr.pages_js_page:not(.page1) {
	display: none;
}

/*
** Benutzer Modul -----------------------------------------
*/

.cms_benutzer_allgemein_rechte_site,
.cms_benutzer_allgemein_rechte_site.highlight {
display: block;
background-image: url('/cms/interface_v4/icons/16x16/ordner.png');
background-position: left center;
background-repeat: no-repeat;
padding: 5px 0 5px 20px;
border-top: 1px dotted #808080;
}

.cms_benutzer_allgemein_rechte_site:last-child,
.cms_benutzer_allgemein_rechte_site.highlight:last-child {
border-bottom: 1px dotted #808080;
}

.cms_benutzer_allgemein_rechte_site_titel {
display: inline-block;
white-space: nowrap;
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}

.cms_benutzer_allgemein_rechte_site_count {
width: auto;
float: right;
padding-right: 5px;
}

#cms_benutzer_allgemein_rechte_module {
clear: both;
padding-top: 10px;
position: relative;
}

.cms_benutzer_allgemein_rechte_module {
position: absolute;
left: 0;
top: 10px;
width: 300px;
}

.cms_benutzer_allgemein_rechte_module_hr {
clear: both;
overflow: hidden;
border-top: 1px dotted #808080;
margin: 5px 0;
}

.cms_benutzer_allgemein_rechte_module_full_legend,
.cms_benutzer_allgemein_rechte_module_restr_legend,
.cms_benutzer_allgemein_rechte_module_none_legend,
.cms_benutzer_allgemein_rechte_module_weitergabe_legend {
float: left;
width: 22px;
height: 110px;
text-align: center;
margin-right: 3px;
display: table-cell;
vertical-align: bottom;
background-color: #666666;
padding-bottom: 10px;
}

.cms_benutzer_allgemein_rechte_module_weitergabe_legend {
margin-left: 15px;
}

.cms_benutzer_allgemein_rechte_module_option {
float: right;
width: auto;
}

.cms_benutzer_allgemein_rechte_module_titel {
display: inline-block;
background-position: left center;
background-repeat: no-repeat;
padding: 2px 0 2px 20px;
}

.cms_benutzer_allgemein_rechte_module_full,
.cms_benutzer_allgemein_rechte_module_restr,
.cms_benutzer_allgemein_rechte_module_none,
.cms_benutzer_allgemein_rechte_module_blank,
.cms_benutzer_allgemein_rechte_module_weitergabe {
float: left;
width: 22px;
height: 20px;
text-align: center;
margin-right: 3px;
}

.cms_benutzer_allgemein_rechte_module_full {
background-color: #008000;
}

.cms_benutzer_allgemein_rechte_module_restr {
background-color: #f0af00;
}

.cms_benutzer_allgemein_rechte_module_none {
background-color: #c00000;
}

.cms_benutzer_allgemein_rechte_module_blank {
border: 1px solid #404040;
width: 20px;
height: 18px;
}

.cms_benutzer_allgemein_rechte_module_weitergabe {
background-color: #CCCCCC;
margin-left: 15px;
}

#cms_benutzer_allgemein_site_module_restr {
clear: both;
position: relative;
}


.cms_benutzer_allgemein_rechte_param_homepage {
clear: both;
overflow: hidden;
border-bottom: 1px dotted #808080;
padding: 3px 0;
}

.cms_benutzer_allgemein_rechte_param_homepage_toggle {
float: left;
width: auto;
margin-right: 5px;
padding-top: 5px;
overflow: hidden;
}

.cms_benutzer_allgemein_rechte_param_homepage_toggle a {
display: inline-block;
width: 13px;
text-align: center;
font-size: 8px;
color: #000000;
border: 1px solid #44444;
background-color: #FFFFFF;
}

.cms_benutzer_allgemein_rechte_param_homepage_titel {
float: left;
white-space: nowrap;
width: 400px;
overflow: hidden;
text-overflow: ellipsis;
padding: 3px 0;
}

.cms_benutzer_allgemein_rechte_param_homepage_bearbeiten,
.cms_benutzer_allgemein_rechte_param_homepage_unterseiten {
float: right;
width: 20px;
padding: 3px 0;
overflow: hidden;
text-align: center;
}

ul.benutzer_homepage_tree {
	padding-left: 30px;
}

	ul.benutzer_homepage_tree li {
		margin-left: 15px;
		margin-top: 1px;
		display: block;
	}



/*
** Sonstiges -----------------------------------------
*/

table.vollebreite, td.vollebreite {
	border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none; }

.clearboth {
	clear: both;
    height: 1px;
    overflow: hidden; }

ul.ecgmg {
	list-style-type: none;
	margin-left: 0; }

ul.ecgmg li {
	clear:both;
	padding-bottom: 3px; }

div.ecgmg_label {
	float: left;
	width: 17em;
	font-weight: bold; }

div.ecgmg_content {
	float: left;
	width: auto; }

td.webshop_table_titel {
	font-weight: bold;
	font-size: 0.8em;
	border-bottom: 1px solid #000000; }

div.color_vorschau {
	width: 50px;
	height: 20px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	margin: 15px 30px 0 10px; }

div.text_vertical {
	width: 25px;
	text-align: center; }

div.kontakte_form_verified_warning {
	color: #FF0000;
	font-weight: bold;
	display: none;
	margin-top: 10px; }

ul.disc {
	
}

	ul.disc li {
		margin-left: 1.3em;
		list-style-type: disc;
	}

.analyse_tabelle_ueberschrift {
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0 5px 0; }


ul#hintergrundbilder {
	margin: 0;
	padding: 0;
	list-style-type: none; }

	ul#hintergrundbilder li {
		float: left;
		width: auto;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
		ul#hintergrundbilder li div.hintergrundbild_titel {
			height: 16px;
			padding-top: 5px;
			text-align: center;
			background-color: #606060;
		}

		ul#hintergrundbilder li div.hintergrundbild_bild {
			padding: 5px;
			border: 5px solid #606060;
			height: 110px;
			width: 150px;
			overflow: hidden;
		}

.blackbold10 {
	font-weight: bold; }		

ul.mediathek_tree { }

	ul.mediathek_tree li {
		margin-left: 12px;
		margin-top: 1px;
	}

		ul.mediathek_tree li a {
			padding: 3px;
			padding-left: 20px;
		}
		
ul.homepage_tree {
	padding-left: 30px; }

	ul.homepage_tree li {
		margin-left: 15px;
		margin-top: 1px;
		display: block;
	}

		ul.homepage_tree li a {
			display: block;
			padding: 5px;
		}

#kategorien_sitemap {
	display: none;
	left: 20px;
	top: 20px;
	padding: 0 5px 20px 10px;
	width: 500px;
	filter: alpha(opacity=95);
	opacity: 0.95;
	position: absolute; }		

#tooltip {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000000;
	background-color: #FFFFFF;
	padding: 5px;
	max-width:300px;
	color: #000000;
	filter: alpha(opacity=95);
	opacity: 0.95;
	font-size: 10px;
	border: 1px solid #f5c11e; }

.highlight {
	padding: 1px;
	font-size: 1em;
	color: #000000;
	background-color: #f5c11e;
}

.charcount {
  font-size: 80%;
  margin-top: 2px;
  opacity: 0.7;
}

.serp_emoji {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  width: 20px;
  text-align: center;
  padding: 5px;
  font-family: arial,sans-serif;
  background-color: #DCDCDC;
  color: #000000;
  border-radius: 2px;
  cursor: pointer;
  margin: 0 3px 3px 0;
}

.google_snippet {
  position: relative;
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}

.google_snippet_desktop {
  font-family: arial,sans-serif;
  width: 646px;
  padding-left: 24px;
  padding-right: 24px;
}

.google_snippet_mobile {
  font-family: Roboto, HelveticaNeue, Arial, sans-serif;
  width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  margin-right: 20px;
}

.google_snippet .google_snippet_path {
  position: relative;
  font-weight: 400;
  color: #70757a;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.google_snippet_desktop .google_snippet_path {
  font-size: 14px;
  line-height: 1.3;
  width: 370px;
}

.google_snippet_mobile .google_snippet_path {
  font-size: 12px;
  line-height: 16px;
  width: 210px;
}

/*
.google_snippet.google_snippet_desktop .google_snippet_path::after {
  font-family: 'FontAwesome';
  font-weight: 900;
  font-size: 12px;
  content: "\f142";
  padding-left: 30px;
  color: #70757a;
}
*/

.google_snippet .google_snippet_path .google_snippet_path_host {
  color: #3c4043;
  padding-top: 1px;
  font-style: normal;
}

.google_snippet .google_snippet_title {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  text-decoration-line: none;
  text-decoration-style: solid;
  display: block;
  padding-top: 4px;
  margin-block-end: 3px;
  margin-bottom: 3px;
  width: 100%;
}

.google_snippet.google_snippet_desktop .google_snippet_title {
  white-space: nowrap;
  overflow: hidden;
  color: #1a0dab;
  text-decoration-color: #1a0dab;
}

.google_snippet.google_snippet_mobile .google_snippet_title {
  word-break: break-word;
  color: #1558d6;
  text-decoration-color: #1558d6;
  max-height: 78px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}

.google_snippet .google_snippet_description {
  color: #4d5156;
  font-weight: normal;
  word-wrap: break-word;
  text-align: left;
  font-size: 14px;
}

.google_snippet.google_snippet_desktop .google_snippet_description {
  font-family: arial, sans-serif;
  line-height: 1.58;
}

.google_snippet.google_snippet_mobile .google_snippet_description {
  font-family: Google Sans, Roboto, HelveticaNeue, Arial, sans-serif;
  line-height: 20px;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}

.google_snippet.google_snippet_mobile .google_snippet_head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*
.google_snippet.google_snippet_mobile .google_snippet_head::after {
  position: absolute;
  top: 10px;
  right: 0;
  font-family: 'FontAwesome';
  font-weight: 900;
  font-size: 12px;
  content: "\f142";
  padding-left: 30px;
  color: #70757a;
}
*/

.google_snippet.google_snippet_mobile .google_snippet_favicon {
  width: 28px;
  height: 28px;
  background-color: #f1f3f4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  border: 1px solid #ecedef;
}

.google_snippet.google_snippet_mobile .google_snippet_favicon img {
  width: 18px;
  height: 18px;
}

.google_snippet.google_snippet_mobile .google_snippet_name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  width: 280px;
  color: #202124;
}

.google_snippet .google_snippet_bewertung_preis {
  color: #70757a;
}

#loading {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden; 
	background: url('/cms/interface_v4/fensterdesigns/Modern_dunkel/loading.gif') center center no-repeat #000000;
	z-index: 10000000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	display: none;
}

#loading_text {
	height:100px;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin-top: 40px;
	text-align: center;
	font-size: 20px;
}

#loading_text * {
	font-size: 20px;
}

#loading_trans {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index: 9997;
	display: none;
	background: url('/cms/interface_v4/fensterdesigns/Modern_dunkel/loading.gif') center center no-repeat #000000;
	z-index: 10000000;
        filter: alpha(opacity=60);
        -moz-opacity: .6;
        -khtml-opacity: .6;
        opacity: .6;
}

.webshop_kontakte_adressen {
	float: left;
	width: 350px;
	height: 155px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #606060; }

.ellipsis
{
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	-moz-binding: url('/cms/interface_v4/fensterdesigns/bindings.xml#ellipsis'); }

div.statusbox_green {
	width: 30px;
	background-color: #00C000;
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
	padding: 1px; }

div.statusbox_orange {
	width: 30px;
	background-color: #ff8d29;
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
	padding: 1px; }

div.statusbox_red {
	width: 30px;
	background-color: #CC0000;
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
	padding: 1px;
}

.kontakte_adressen {
	float: left;
	width: 350px;
	height: 155px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #606060;
}

.info,
.element_block.info {
	position: relative;
	padding: 5px 5px 5px 50px;
	overflow: hidden;
	background: url('/cms/interface_v4/icons/32x32/info.png') 5px center no-repeat;
	color: [[FENSTERDESIGN_TEXT_COLOR]];
	min-height: 32px;
}

.achtung,
.element_block.achtung {
	position: relative;
	padding: 5px 5px 5px 50px;
	overflow: hidden;
	background: url('/cms/interface_v4/icons/32x32/achtung.png') 5px center no-repeat;
	color: [[FENSTERDESIGN_TEXT_COLOR]];
	min-height: 32px;
}

.gesperrt,
.element_block.gesperrt {
	position: relative;
	padding: 5px 5px 5px 50px;
	overflow: hidden;
	background: url('/cms/interface_v4/icons/32x32/gesperrt.png') 5px center no-repeat;
	color: [[FENSTERDESIGN_TEXT_COLOR]];
	min-height: 32px;
}

.fehler,
.element_block.fehler {
	position: relative;
	padding: 5px 5px 5px 50px;
	overflow: hidden;
	background: url('/cms/interface_v4/icons/32x32/fehler_rot.png') 5px center no-repeat;
	color: [[FENSTERDESIGN_TEXT_COLOR]];
	min-height: 32px;
}

.alpha100 {
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

.alpha30 {
filter: alpha(opacity=30);
-moz-opacity: .30;
-khtml-opacity: 0.30;
opacity: .30;
}

.webshop_bestellungen_protokoll_head {
	padding: 5px;
	background-color: #404040;
	display: block;
	margin-top: 10px;
}
.webshop_bestellungen_protokoll_head.highlight {
	color: #000000;
	background-color: #f5c11e;
}

.webshop_bestellungen_protokoll_body {
	padding: 10px;
	border: 1px solid #808080;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	display: none;
}

a.webshop_artikel_varianten_massenaenderung_uebernehmen {
	display: inline-block;
	padding: 0 3px 3px 3px;
	background-color: #808080;
	border: 1px solid #000000;
	color: #000000;
	text-align: center;
	font-size: 10px;
}

.preis_exkl,
.preis_inkl {
font-family: 'Courier New';
display: inline-block;
font-size: 11px;
background-color: #808080;
color: #000000;
padding: 1px 5px;
margin-right: 2px;
}

.preis_exkl *,
.preis_inkl * {
font-family: 'Courier New';
font-size: 11px;
}

/*
** Dragflow Allgemein -----------------------------------------
*/

.parent-drawflow {
  position: relative;
  display: flex;
  overflow: hidden;
  touch-action: none;
  outline:none;
}

.drawflow {
  width: 100%;
  height: 100%;
  position: relative;
  user-select: none;
  perspective: 0;
}

.drawflow .parent-node {
  position: relative;

}

.drawflow .drawflow-node {
  display: flex;
  align-items: center;
  position: absolute;
  background: #FFFFFF;
  width: 160px;
  min-height: 40px;
  border-radius:4px;
  border: 2px solid #FFFFFF;
  color: black;
  z-index: 2;
  padding: 15px;
}

.drawflow .drawflow-node .drawflow-node-count {
  position: absolute;
  left: 0;
  top: -30px;
  display: inline-block;
  padding: 3px 10px;
  font-size: 14px;
  color: #C0C0C0;
}

.drawflow .drawflow-node .drawflow-node-count i {
  margin-left: 10px;
}

.drawflow .drawflow-node .drawflow-node-count .automationen_elements_kontakte_count {
  cursor: help;
}

.drawflow .drawflow-node.selected {
  border: 2px solid #FF9933;
}
.drawflow .drawflow-node:hover {
  cursor: move;
}

.drawflow .drawflow-node .inputs, .drawflow .drawflow-node .outputs {
  width: 0px;
}

.drawflow .drawflow-node .drawflow_content_node {
  width: 100%;
  display: block;
  text-align: center;
}

.drawflow .drawflow-node .drawflow_content_node .icon {
  font-size: 30px;
  margin-bottom: 5px;
}

.drawflow .drawflow-node .input,
.drawflow .drawflow-node .output {
  position: relative;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  border: 1px solid #808080;
  cursor: crosshair;
  z-index: 1;
  margin-bottom: 5px;
  background: #FFFFFF;
}

.drawflow .drawflow-node .input {
  left: -27px;
  top: 2px;
}
.drawflow .drawflow-node .output {
  right: -3px;
  top: 2px;
}

.drawflow svg {
  z-index: 0;
  position: absolute;
  overflow: visible !important;
}
.drawflow .connection {
  position: absolute;
  pointer-events: none;
  aspect-ratio: 1 / 1;
}
.drawflow .connection .main-path {
  fill: none;
  stroke-width: 5px;
  stroke: #808080;
  pointer-events: all;
}
.drawflow .connection .main-path:hover {
  stroke: #707070;
  cursor: pointer;
}

.drawflow .connection .main-path.selected {
  stroke: #FF9933;
}

.drawflow .connection .point {
  cursor: move;
  stroke: black;
  stroke-width: 2;
  fill: white;
  pointer-events: all;
}

.drawflow .connection .point.selected,
.drawflow .connection .point:hover {
  fill: #1266ab;
}

.drawflow .main-path {
  fill: none;
  stroke-width: 5px;
  stroke: steelblue;
}

.drawflow-delete {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  background: black;
  color: white;
  z-index: 4;
  border: 2px solid white;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  font-family: monospace;
  cursor: pointer;
}
.drawflow > .drawflow-delete {
  margin-left: -15px;
  margin-top: 15px;
}

.parent-node .drawflow-delete {
  right: -15px;
  top: -15px;
}

.drawflow_zoom {
  display: flex;
  align-items: flex-end;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.drawflow_zoom > i {
  display: inline-block;
  padding: 5px;
  font-size: 20px;
  cursor: pointer;
  z-index: 1;
}

.drawflow_editor_modus {
  display: block;
  flex: 1;
  background-color: #606060;
  border: 1px solid #000000;
  color: #C0C0C0;
  padding: 10px;
  margin: 0 10px 10px 0;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  font-size: 20px;
}

.drawflow_editor_modus span {
  display: block;
  font-size: 80%;
  margin-top: 5px;
}

.drawflow_editor_modus_aktiv.aktiv {
  background-color: #00C000;
  color: #FFFFFF;
}

.drawflow_editor_modus_pause.aktiv {
  background-color: #FF8800;
  color: #FFFFFF;
}

.drawflow_editor_modus_stop.aktiv {
  background-color: #C00000;
  color: #FFFFFF;
}

#wawi_artikel div span::before,
#wawi_artikel_gefunden div span::before,
#purchase_wawi_artikel div span::before,
#purchase_wawi_artikel_gefunden div span::before {
  display: inline-block;
  font-family: 'FontAwesome';
  font-weight: 900;
  padding-right: 5px;
  cursor: pointer;
}

#wawi_artikel div span::before,
#purchase_wawi_artikel div span::before {
  content: "\f2d3"; /* x */
}

#wawi_artikel_gefunden div span::before,
#purchase_wawi_artikel_gefunden div span::before {
  content: "\f0fe"; /* + */
}


/*
** Animationen -----------------------------------------
*/
.automationen_status {
  text-align: center;
}

.automationen_titel {
  width: 100%;
}

.automationen_kontakte2_kontakte_count {
  text-align: right;
}

/*
** Animationen Elemente -----------------------------------------
*/

.automationen_workflow_elemente_typ {
  margin-bottom: 10px;
}

.automationen_workflow_elemente_typ_headline {
  font-size: 150%;
  margin-bottom: 10px;
}

#drawflow {
  width: 100%;
  height: 100%;
  max-height: 700px;
  background-color: #202020;
  border: 1px solid #C0C0C0;
}

.automationen_workflow_element_insert {
  position: relative;
  display: inline-block;
  width: 30%;
  min-width: 45px;
  height: 80px;
  background-color: #202020;
  border: 1px solid #C0C0C0;
  padding: 15px 5px 5px 5px;
  box-sizing: border-box;
  margin: 0 2% 10px 0;
  border-radius: 5px;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  cursor: all-scroll;
  justify-content: space-between;
  vertical-align: top;
  background-position: top 5px center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.automationen_workflow_element_insert span {
  display: block;
}

.automationen_workflow_element_insert .icon {
  display: inline-block;
  font-size: 25px;
  margin-bottom: 7px;
}

.automationen_workflow_element_insert .icon,
.drawflow_element .icon i {
  position: relative;
}

.drawflow_element_action_automation_start .icon i::after,
.drawflow_element_action_automation_exit .icon i::after,
.drawflow_element_event_tag_added .icon i::after,
.drawflow_element_event_tag_removed .icon i::after {
  font-family: 'FontAwesome';
  font-weight: 900;
  position: absolute;
  right: -5px;
  top: -6px;
  font-size: 15px;
  opacity: .8;
}

.drawflow_element_action_automation_start .icon i::after {
  content: "\f04b";
}

.drawflow_element_action_automation_exit .icon i::after {
  content: "\f2f5";
}

.drawflow_element_event_tag_added .icon i::after {
  content: "\f055";
}

.drawflow_element_event_tag_removed .icon i::after {
  content: "\f056";
}

/*
** Email Ordner -----------------------------------------
*/
.email_ordner_checked,
.email_ordner_id,
.email_ordner_titel,
.email_ordner_open,
.email_ordner_edit {
  vertical-align: top;
}

.email_ordner_id {
  text-align: center;
}

.email_ordner_titel {
  width: 100%;
}

/*
** Email Mailings -----------------------------------------
*/

table.email_mailings td {
  width: 1%;
}

table.email_mailings tbody td {
  vertical-align: top;
}

table.email_mailings td.email_mailings_start_titel,
table.email_mailings td.email_mailings_start_betreff {
  width: auto;
}

table.liste > thead > tr > td.email_mailings_start_empfaenger,
table.liste > thead > tr > td.email_mailings_start_bounce,
table.liste > thead > tr > td.email_mailings_start_gelesen,
table.liste > thead > tr > td.email_mailings_start_klicks,
table.liste > thead > tr > td.email_mailings_start_conversions_count,
table.liste > thead > tr > td.email_mailings_start_convertions_value,
table.liste > thead > tr > td.email_mailings_start_abmeldungen {
  text-align: center;
  padding-bottom: 8px;
}

.email_mailings_start_id,
.email_mailings_start_pos {
  text-align: center;
}
/*
.email_mailings_start_titel,
.email_mailings_start_betreff {
  width: 50%;
}
*/
.email_mailings_start_sprachvar {
  display: flex;
  margin-bottom: 3px;
}

td .email_mailings_start_sprachvar:last-child {
  margin-bottom: 0;
}

.email_mailings_start_sprachvar img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
display: inline-block;
max-width: 20px;
max-height: 12px;
margin-top: 5px;
margin-right: 10px;
}

tr:hover .email_mailings_start_sprachvar img {
-webkit-filter: none;
filter: none;
}

/* Homepages2 Start----------------------------------------- */
.homepage2_pages_start_titel {
width: 100%;
}

.homepage2_pages_start_typ,
.homepage2_pages_start_aktiv {
text-align: center;
}

.homepage2_pages_start_datum,
.homepage2_pages_start_zeit {
  white-space: nowrap;
}

.homepage2_pages_start_sprachvar {
height: 20px;
margin-top: 2px;
white-space: nowrap;
width: 100%;                   
overflow: hidden;
text-overflow: ellipsis;
}

.homepage2_pages_start_seo {
  height: 20px;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  align-items: center;
  opacity: .7;
}

.homepage2_pages_start_seo i {
  font-size: 50%;
}

.homepage2_pages_start_seo span {
  display: inline-block;
  margin-left: 5px;
  font-size: 80%;
}

.homepage2_pages_start_sprache .homepage2_pages_start_sprachvar img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
max-width: 20px;
max-height: 12px;
margin-top: 2px;
}

tr:hover .homepage2_pages_start_sprache .homepage2_pages_start_sprachvar img {
-webkit-filter: none;
filter: none;
}

.homepage2_pages_start_titel .homepage2_pages_start_sprachvar {
margin-top: 0;
height: 22px;
}

.homepage2_pages_start_statistik {
white-space: nowrap;
text-align: right;
}

/* Homepages2 Allgemein----------------------------------------- */

.homepage2_pages_pics {
clear: both;
overflow: hidden;
}

.homepage2_pages_pic {
float: left;
position: relative;
width: 100px;
height: 100px;
margin: 10px;
}

.homepage2_pages_pic.add_pic {
background-color: #FFFFFF;
border: 1px solid #C0C0C0;
background-image: url('/cms/interface_v4/icons/32x32/expand_plus.png');
background-repeat: no-repeat;
background-position: center center;
}

.homepage2_pages_pic.uploading {
background-color: #FFFFFF;
border: 1px solid #C0C0C0;
}

.homepage2_pages_pic_src {
position: absolute;
display: inline-block;
top: 0;
right: 0;
z-index: 1;
width: 100px;
height: 100px;
background-color: #FFFFFF;
border: 1px solid #C0C0C0;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}

.homepage2_pages_pic_upload_percent {
position: absolute;
display: inline-block;
bottom: 0;
left: 0;
z-index: 2;
width: 100px;
height: 20px;
color: #000000;
text-align: center;
background-color: #FFFFFF;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}

.homepage2_pages_pic.delete .homepage2_pages_pic_src {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

.homepage2_pages_pic.delete .homepage2_pages_pic_delete_x {
position: absolute;
display: inline-block;
top: 0;
right: 0;
z-index: 2;
width: 100px;
height: 100px;
background-image: url('/cms/interface_v4/sonstiges/homepage2_pages_editor_pic_delete.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.homepage2_pages_pic_delete {
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 3;
width: 50px;
height: 50px;
background-image: url('/cms/interface_v4/icons/32x32/fehler_rot.png');
background-position: center center;
background-repeat: no-repeat;
background-color: #FFFFFF;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}

.homepage2_pages_pic_delete.upload_delete {
left: 25px;
top: 25px;
}

.homepage2_pages_pic:hover .homepage2_pages_pic_delete {
display: inline-block;
}

.homepage2_pages_pics_aspect_ratio_templates {
  display: flex;
  flex-wrap: wrap;
}

.homepage2_pages_pics_aspect_ratio_templates a {
  display: block;
  text-decoration: none;
  margin: 0 15px 15px 0;
  color: #000000;
  font-size: 80%;
  text-align: center;
}

.homepage2_pages_pics_aspect_ratio_templates a span {
  display: inline-block;
  background-color: #C0C0C0; 
}

.homepage2_pages_restr,
.homepage2_pages_restr_results {
  margin-top: 10px;
  margin-left: 33px;
}

.homepage2_pages_restr div,
.homepage2_pages_restr_results div {
  cursor: pointer;
  padding: 3px 0 3px 23px;
}

.homepage2_pages_restr div {
  background: url('/cms/interface_v4/icons/16x16/expand_minus.png') left center no-repeat;
}

.homepage2_pages_restr_results div {
  background: url('/cms/interface_v4/icons/16x16/expand_plus.png') left center no-repeat;
}

/*
** Kontakte2 Tags-----------------------------------------
*/

.kontakte2_tags_wrapper {
  display: flex;
  align-items: stretch;
  border: 1px inset #000000;
  background-color: #FFFFFF;
  border-radius: 3px;
}

.kontakte2_tags_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  background-color: #C0C0C0;
  color: #000000;
}

.kontakte2_tags_icon::before {
  font-family: 'FontAwesome';
  font-weight: 900;
  font-size: 12px;
  content: "\f02c";
}

.kontakte2_tags input.kontakte2_tags_suche {
  display: inline-block;
  margin: 10px 0 10px 10px;
  background-color: transparent;
  padding: 0;
  border: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  width: 100px;
  color: #000000;
}

.kontakte2_tags .kontakte2_tag {
  display: inline-block;
  margin: 5px;
  background-color: #DCDCDC;
  color: #000000;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: default;
}

.kontakte2_tags .kontakte2_tag .kontakte2_tag_delete {
  margin-left: 10px;
  cursor: pointer;
}

.kontakte2_tags .kontakte2_tag .kontakte2_tag_delete:hover {
  color: #FF0000;
}

/*
** Kontakte2 Funktionen Start-----------------------------------------
*/
.kontakte2_funktionen_start_id,
.kontakte2_funktionen_start_aktiv {
text-align: center;
}

.kontakte2_funktionen_start_titel {
width: 100%;
}

.kontakte2_outlook_start_mitglieder {
text-align: right;
}

/*
** Kontakte2 Outlook Start-----------------------------------------
*/
.kontakte2_outlook_start_id,
.kontakte2_outlook_start_aktiv {
text-align: center;
}

.kontakte2_outlook_start_titel {
width: 100%;
}


/*
** Kontakte2 Kontakte Quickinfo-----------------------------------------
*/
table.kontakte2_kontakte_quickinfo tr td {
vertical-align: top;
}

table.kontakte2_kontakte_quickinfo tr td:first-child {
padding-top: 6px;
padding-right: 20px;
}

table.kontakte2_kontakte_quickinfo tr td:last-child {
font-size: 16px;
}

/*
** Kontakte2 Kontakte Allgemein-----------------------------------------
*/
.kontakte2_kontakte_allgemein_typen_typ {
margin: 0;
}

.kontakte2_kontakte_allgemein_typen_typ_titel {
border-top: 1px solid #808080;
padding: 5px;
margin: 0;
}

.kontakte2_kontakte_allgemein_typen_typ_daten {
margin: 0;
padding-left: 30px;
display: none;
}

#kontakte2_kontakte_titelbild {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  padding: 5px;
  width: 80px;
  height: 80px;
  margin-top: 10px;
}

#kontakte2_kontakte_titelbild_edit,
.kontakte2_kontakte_titelbild_delete {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -15px;
  background-color: #C0C0C0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 12px;
  color: #000000;
  z-index: 3;
}

#kontakte2_kontakte_titelbild_edit {
  left: 12px;
}

.kontakte2_kontakte_titelbild_delete {
  left: 48px;
}


.kontakte2_kontakte_titelbild img {
  max-width: 100%;
  max-height: 100%;
}

.kontakte2_kontakte_titelbild_upload_percent {
position: absolute;
display: flex;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
flex; align-items: center;
justify-content: center;
z-index: 2;
color: #000000;
text-align: center;
background-color: #FFFFFF;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}


/*
** Kontakte2 Kontakte Bemerkungen-----------------------------------------
*/
.kontakte2_kontakte_bemerkungen_datum,
.kontakte2_kontakte_bemerkungen_zeit {
white-space: nowrap;
}

.kontakte2_kontakte_bemerkungen_text {
width: 100%;
}

.kontakte2_kontakte_bemerkungen_text p:first-child {
margin-top: 0;
}

.kontakte2_kontakte_bemerkungen_text p:last-child {
margin-bottom: 0;
}

/*
** Kontakte2 Kontakte Adressen-----------------------------------------
*/
.kontakte2_kontakte_adressen_weboffice_dokumente_RE,
.kontakte2_kontakte_adressen_weboffice_dokumente_LI,
.kontakte2_kontakte_adressen_newsletter {
text-align: center;
}

.kontakte2_kontakte_adressen_weboffice_dokumente_RE,
.kontakte2_kontakte_adressen_weboffice_dokumente_LI,
.kontakte2_kontakte_adressen_newsletter,
.kontakte2_kontakte_adressen_firma,
.kontakte2_kontakte_adressen_vorname,
.kontakte2_kontakte_adressen_nachname
.kontakte2_kontakte_adressen_strasse_hausnr_stiege_top,
.kontakte2_kontakte_adressen_plz,
.kontakte2_kontakte_adressen_ort,
.kontakte2_kontakte_adressen_region,
.kontakte2_kontakte_adressen_land_flagge,
.kontakte2_kontakte_adressen_land_titel {
white-space: nowrap;
}

.kontakte2_kontakte_adressen_land_titel {
width: 100%;
}

/*
** Kontakte2 Kontakte Kommunikation-----------------------------------------
*/
.kontakte2_kontakte_email_arbeit,
.kontakte2_kontakte_email_privat,
.kontakte2_kontakte_email_newsletter,
.kontakte2_kontakte_email_newsletter_doptin,
.kontakte2_kontakte_email_opt_ipmatch,
.kontakte2_kontakte_tel_arbeit,
.kontakte2_kontakte_tel_privat,
.kontakte2_kontakte_fax_arbeit,
.kontakte2_kontakte_fax_privat {
text-align: center;
}

.kontakte2_kontakte_email_email,
.kontakte2_kontakte_email_doptin,
.kontakte2_kontakte_email_confirm,
.kontakte2_kontakte_email_newsletter_doptin,
.kontakte2_kontakte_email_opt_email,
.kontakte2_kontakte_email_opt_ipmatch,
.kontakte2_kontakte_tel_nr,
.kontakte2_kontakte_fax_nr,
.kontakte2_kontakte_netzwerke_typ {
white-space: nowrap;
}

.kontakte2_kontakte_email_info,
.kontakte2_kontakte_tel_info,
.kontakte2_kontakte_fax_info,
.kontakte2_kontakte_netzwerke_info {
width: 100%;
}

/*
** Kontakte2 Kontakte Finanzdaten-----------------------------------------
*/
.kontakte2_kontakte_bankverbindungen_iban,
.kontakte2_kontakte_bankverbindungen_bic,
.kontakte2_kontakte_bankverbindungen_bankname,
.kontakte2_kontakte_bankverbindungen_kontoinhaber,
.kontakte2_kontakte_bankverbindungen_sepa_mandat,
.kontakte2_kontakte_bankverbindungen_sepa_durchfuehrung {
white-space: nowrap;
}

.kontakte2_kontakte_bankverbindungen_sepa_durchfuehrung {
width: 100%;
}

.kontakte2_kontakte_zahlungsmandate_typ,
.kontakte2_kontakte_zahlungsmandate_referenz,
.kontakte2_kontakte_zahlungsmandate_unterschrift_datum {
white-space: nowrap;
}

.kontakte2_kontakte_zahlungsmandate_aktiv,
.kontakte2_kontakte_zahlungsmandate_pos {
  text-align: center;
}

.kontakte2_kontakte_zahlungsmandate_daten {
width: 100%;
}

.kontakte2_kontakte_nummern_typ {
white-space: nowrap;
}

.kontakte2_kontakte_nummern_nr {
width: 100%;
}

/*
** Kontakte2 Kontakte Verbindungen-----------------------------------------
*/

.kontakte2_kontakte_verbindungen_id,
.kontakte2_kontakte_verbindungen_aktiv {
text-align: center;
}

.kontakte2_kontakte_verbindungen_mit {
white-space: nowrap;
}

.kontakte2_kontakte_verbindungen_funktion {
white-space: nowrap;
width: 100%;
}

/*
** Kontakte2 Kontakte Dateien-----------------------------------------
*/
.kontakte2_kontakte_dateien_filename,
.kontakte2_kontakte_dateien_size {
white-space: nowrap;
}

.kontakte2_kontakte_dateien_size {
text-align: right;
}

.kontakte2_kontakte_dateien_info {
width: 100%;
}

/*
** Kontakte2 Kontakte Logins-----------------------------------------
*/
.kontakte2_kontakte_login_typ,
.kontakte2_kontakte_login_benutzer,
.kontakte2_kontakte_login_timestamp_created,
.kontakte2_kontakte_login_timestamp_last_login {
white-space: nowrap;
}

.kontakte2_kontakte_login_aktiv {
text-align: center;
}

.kontakte2_kontakte_login_timestamp_last_login {
width: 100%;
}

/*
** Kontakte2 Kontakte Import/Export-----------------------------------------
*/

.kontakte2_kontakte_import_legend,
.kontakte2_kontakte_import_info,
.kontakte2_kontakte_export_legend,
.kontakte2_kontakte_export_info,
.kontakte2_kontakte_suche_legend,
.kontakte2_kontakte_suche_info {
vertical-align: top;
}

.kontakte2_kontakte_import_legend div,
.kontakte2_kontakte_export_legend div,
.kontakte2_kontakte_suche_legend div {
padding: 5px;
white-space: nowrap;
width: 170px;
margin-right: 5px;
margin-bottom: 5px;
}

.kontakte2_kontakte_import_legend .block_a,
.kontakte2_kontakte_export_legend .block_a,
.kontakte2_kontakte_suche_legend .block_a,
.kontakte2_kontakte_import_available_field.block_a,
.kontakte2_kontakte_export_available_field.block_a,
.kontakte2_kontakte_suche_available_field.block_a {
background-color: #FFFFFF;
color: #000000;
}
.kontakte2_kontakte_import_legend .block_b,
.kontakte2_kontakte_export_legend .block_b,
.kontakte2_kontakte_suche_legend .block_b,
.kontakte2_kontakte_import_available_field.block_b,
.kontakte2_kontakte_export_available_field.block_b,
.kontakte2_kontakte_suche_available_field.block_b {
background-color: #eae000; /* gelb */
color: #000000;
}
.kontakte2_kontakte_import_legend .block_c,
.kontakte2_kontakte_export_legend .block_c,
.kontakte2_kontakte_suche_legend .block_c,
.kontakte2_kontakte_import_available_field.block_c,
.kontakte2_kontakte_export_available_field.block_c,
.kontakte2_kontakte_suche_available_field.block_c {
background-color: #ff6400; /* orange */
color: #000000;
}
.kontakte2_kontakte_import_legend .block_d,
.kontakte2_kontakte_export_legend .block_d,
.kontakte2_kontakte_suche_legend .block_d,
.kontakte2_kontakte_import_available_field.block_d,
.kontakte2_kontakte_export_available_field.block_d,
.kontakte2_kontakte_suche_available_field.block_d {
background-color: #cc0000;  /* dunkelrot */
color: #FFFFFF;
}
.kontakte2_kontakte_import_legend .block_e,
.kontakte2_kontakte_export_legend .block_e,
.kontakte2_kontakte_suche_legend .block_e,
.kontakte2_kontakte_import_available_field.block_e,
.kontakte2_kontakte_export_available_field.block_e,
.kontakte2_kontakte_suche_available_field.block_e {
background-color: #c0106f;  /* magenta */
color: #FFFFFF;
}
.kontakte2_kontakte_import_legend .block_f,
.kontakte2_kontakte_export_legend .block_f,
.kontakte2_kontakte_suche_legend .block_f,
.kontakte2_kontakte_import_available_field.block_f,
.kontakte2_kontakte_export_available_field.block_f,
.kontakte2_kontakte_suche_available_field.block_f {
background-color: #9966ff;  /* violett */
color: #FFFFFF;
}
.kontakte2_kontakte_import_legend .block_g,
.kontakte2_kontakte_export_legend .block_g,
.kontakte2_kontakte_import_available_field.block_g,
.kontakte2_kontakte_export_available_field.block_g {
background-color: #0078b8;  /* blau */
color: #FFFFFF;
}
.kontakte2_kontakte_import_legend .block_h,
.kontakte2_kontakte_export_legend .block_h,
.kontakte2_kontakte_suche_legend .block_h,
.kontakte2_kontakte_import_available_field.block_h,
.kontakte2_kontakte_export_available_field.block_h,
.kontakte2_kontakte_suche_available_field.block_h {
background-color: #008000;  /* grÃ¼n */
color: #FFFFFF;
}
.kontakte2_kontakte_import_legend .block_i,
.kontakte2_kontakte_export_legend .block_i,
.kontakte2_kontakte_suche_legend .block_i,
.kontakte2_kontakte_import_available_field.block_i,
.kontakte2_kontakte_export_available_field.block_i,
.kontakte2_kontakte_suche_available_field.block_i {
background-color: #856d2a;  /* braun */
color: #FFFFFF;
}

#kontakte2_kontakte_import_available,
#kontakte2_kontakte_export_available,
#kontakte2_kontakte_suche_available,
#kontakte2_kontakte_import_enabled,
#kontakte2_kontakte_export_filters,
#kontakte2_kontakte_export_order,
#kontakte2_kontakte_suche_filters,
#kontakte2_kontakte_suche_order {
width: 400px;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid #C0C0C0;
padding: 20px;
background-color: #2e2e2e;
vertical-align: top;
}

#kontakte2_kontakte_import_available,
#kontakte2_kontakte_export_available,
#kontakte2_kontakte_suche_available {
height: 500px;
}

#kontakte2_kontakte_import_enabled,
#kontakte2_kontakte_export_filters,
#kontakte2_kontakte_export_order,
#kontakte2_kontakte_suche_filters,
#kontakte2_kontakte_suche_order {
height: 480px;
}

.kontakte2_kontakte_import_available_field,
.kontakte2_kontakte_export_available_field,
.kontakte2_kontakte_suche_available_field {
position: relative;
background-color: #FFFFFF;
color: #000000;
overflow: hidden;
margin: 3px 0;
cursor: pointer;
}

.kontakte2_kontakte_import_available_field_titel,
.kontakte2_kontakte_export_available_field_titel,
.kontakte2_kontakte_suche_available_field_titel {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 5px;
}

.kontakte2_kontakte_import_export_tiefe {
display: none;
width: 50px;
margin-left: 5px;
}

.kontakte2_kontakte_import_available_field_content,
.kontakte2_kontakte_export_available_field_content,
.kontakte2_kontakte_suche_available_field_content {
padding: 5px;
border-top: 1px solid rgba(0, 0, 0, .1);
display: none;
}

#kontakte2_kontakte_import_enabled .kontakte2_kontakte_import_available_field_content,
#kontakte2_kontakte_export_filters .kontakte2_kontakte_export_available_field_content,
#kontakte2_kontakte_suche_filters .kontakte2_kontakte_suche_available_field_content {
display: block;
}

#kontakte2_kontakte_export_order .kontakte2_kontakte_import_export_tiefe,
#kontakte2_kontakte_import_enabled .kontakte2_kontakte_import_export_tiefe {
display: inline-block;
}

.kontakte2_kontakte_import_available_field_content_info {
padding-left: 25px;
overflow: hidden;
background: url('/cms/interface_v4/icons/16x16/info.png') left top no-repeat;
min-height: 16px;
margin-bottom: 5px;
}

.kontakte2_kontakte_import_available_field_content_achtung {
padding-left: 25px;
overflow: hidden;
background: url('/cms/interface_v4/icons/16x16/achtung.png') left top no-repeat;
min-height: 16px;
margin-bottom: 5px;
color: #FF0000;
}

.kontakte2_kontakte_import_available_field_content_label {
display: inline-block;
width: 130px;
}

.kontakte2_kontakte_import_available_field_content_config input[type="text"],
.kontakte2_kontakte_import_available_field_content_config textarea,
.kontakte2_kontakte_import_available_field_content_config select,
.kontakte2_kontakte_import_available_field_content_modus select,
.kontakte2_kontakte_import_available_field_content_default input[type="text"],
.kontakte2_kontakte_import_available_field_content_default textarea,
.kontakte2_kontakte_import_available_field_content_default select {
width: 200px;
}

.kontakte2_kontakte_import_available_field_content_modus {
margin-top: 5px;
display: none;
}

.kontakte2_kontakte_import_available_field_content_default {
margin-top: 5px;
}

.kontakte2_kontakte_import_available_field_delete,
.kontakte2_kontakte_export_available_field_delete,
.kontakte2_kontakte_suche_available_field_delete {
position: absolute;
right: 5px;
top: 5px;
z-index: 1;
width: 16px;
height: 16px;
background: url('/cms/interface_v4/icons/16x16/fehler_rot.png') center center no-repeat;
display: none;
}

#kontakte2_kontakte_import_enabled .kontakte2_kontakte_import_available_field_delete,
#kontakte2_kontakte_export_filters .kontakte2_kontakte_export_available_field_delete,
#kontakte2_kontakte_export_order .kontakte2_kontakte_export_available_field_delete,
#kontakte2_kontakte_suche_filters .kontakte2_kontakte_suche_available_field_delete,
#kontakte2_kontakte_suche_order .kontakte2_kontakte_suche_available_field_delete {
display: inline-block;
}

#kontakte2_kontakte_import_enabled .kontakte2_kontakte_import_available_field_titel,
#kontakte2_kontakte_export_filters .kontakte2_kontakte_export_available_field_titel,
#kontakte2_kontakte_export_order .kontakte2_kontakte_export_available_field_titel,
#kontakte2_kontakte_suche_filters .kontakte2_kontakte_suche_available_field_titel,
#kontakte2_kontakte_suche_order .kontakte2_kontakte_suche_available_field_titel {
padding-right: 25px;
}

.kontakte2_kontakte_sortable_placeholder {
height: 5px;
background-color: #f5c11e;
}

#kontakte2_kontakte_import_vorlagen,
#kontakte2_kontakte_export_filters_vorlagen,
#kontakte2_kontakte_export_order_vorlagen,
#kontakte2_kontakte_suche_filters_vorlagen,
#kontakte2_kontakte_suche_order_vorlagen {
overflow: hidden;
margin-bottom: 5px;
}

#kontakte2_kontakte_export_filters_vorlagen select,
#kontakte2_kontakte_export_order_vorlagen select,
#kontakte2_kontakte_suche_filters_vorlagen select,
#kontakte2_kontakte_suche_order_vorlagen select {
width: 350px;
float: left;
}

#kontakte2_kontakte_import_vorlagen select {
width: 335px;
float: left;
}

#kontakte2_kontakte_import_vorlagen img,
#kontakte2_kontakte_export_filters_vorlagen img,
#kontakte2_kontakte_export_order_vorlagen img,
#kontakte2_kontakte_suche_filters_vorlagen img,
#kontakte2_kontakte_suche_order_vorlagen img {
float: left;
width: auto;
margin-left: 5px;
cursor: pointer;
}

/*
** Kontakte2 Kontakte Filter-----------------------------------------
*/

.kontakte2_kontakte_filter_legend,
.kontakte2_kontakte_filter_info {
vertical-align: top;
}

.kontakte2_kontakte_filter_legend div {
padding: 5px;
white-space: nowrap;
width: 170px;
margin-right: 5px;
margin-bottom: 5px;
}

.kontakte2_kontakte_filter_legend .block_a,
.kontakte2_kontakte_filter_available_field.block_a {
background-color: #FFFFFF;
color: #000000;
}
.kontakte2_kontakte_filter_legend .block_b,
.kontakte2_kontakte_filter_available_field.block_b {
background-color: #eae000; /* gelb */
color: #000000;
}
.kontakte2_kontakte_filter_legend .block_c,
.kontakte2_kontakte_filter_available_field.block_c {
background-color: #ff6400; /* orange */
color: #000000;
}
.kontakte2_kontakte_filter_legend .block_d,
.kontakte2_kontakte_filter_available_field.block_d {
background-color: #cc0000;  /* dunkelrot */
color: #FFFFFF;
}
.kontakte2_kontakte_filter_legend .block_e,
.kontakte2_kontakte_filter_available_field.block_e {
background-color: #c0106f;  /* magenta */
color: #FFFFFF;
}
.kontakte2_kontakte_filter_legend .block_f,
.kontakte2_kontakte_filter_available_field.block_f {
background-color: #9966ff;  /* violett */
color: #FFFFFF;
}
.kontakte2_kontakte_filter_legend .block_g,
.kontakte2_kontakte_filter_available_field.block_g {
background-color: #0078b8;  /* blau */
color: #FFFFFF;
}
.kontakte2_kontakte_filter_legend .block_h,
.kontakte2_kontakte_filter_available_field.block_h {
background-color: #008000;  /* grÃ¼n */
color: #FFFFFF;
}
.kontakte2_kontakte_filter_legend .block_i,
.kontakte2_kontakte_filter_available_field.block_i {
background-color: #856d2a;  /* braun */
color: #FFFFFF;
}

#kontakte2_kontakte_filter_available,
#kontakte2_kontakte_filter_fields,
#kontakte2_kontakte_filter_order {
width: 400px;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid #C0C0C0;
padding: 20px;
background-color: #2e2e2e;
vertical-align: top;
}

#kontakte2_kontakte_filter_available {
height: 500px;
}

#kontakte2_kontakte_filter_fields,
#kontakte2_kontakte_filter_order {
height: 478px;
}

.kontakte2_kontakte_filter_available_field {
position: relative;
background-color: #FFFFFF;
color: #000000;
overflow: hidden;
margin: 3px 0;
cursor: pointer;
}

.kontakte2_kontakte_import_export_tiefe {
display: none;
width: 50px;
margin-left: 5px;
}

.kontakte2_kontakte_filter_available_field_content {
padding: 5px;
border-top: 1px solid rgba(0, 0, 0, .1);
display: none;
}

#kontakte2_kontakte_filter_fields .kontakte2_kontakte_filter_available_field_content {
display: block;
}

#kontakte2_kontakte_filter_order .kontakte2_kontakte_import_export_tiefe {
display: inline-block;
}

.kontakte2_kontakte_filter_available_field_titel {
display: flex;
}

.kontakte2_kontakte_filter_available_field_titel span {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 5px;
}

.kontakte2_kontakte_filter_available_field_titel select {
width: 50px;
}

#kontakte2_kontakte_filter_fields .kontakte2_kontakte_filter_available_field_titel select {
display: none;
}

.kontakte2_kontakte_filter_available_field_delete {
width: 16px;
height: 16px;
padding: 7px;
background: url('/cms/interface_v4/icons/16x16/fehler_rot.png') center center no-repeat;
}

#kontakte2_kontakte_filter_available .kontakte2_kontakte_filter_available_field_delete {
display: none;
}

.kontakte2_kontakte_filter_placeholder {
height: 5px;
background-color: #f5c11e;
}

#kontakte2_kontakte_filter_fields_vorlagen,
#kontakte2_kontakte_filter_order_vorlagen {
overflow: hidden;
margin-bottom: 5px;
display: flex;
gap: 5px;
}

#kontakte2_kontakte_filter_fields_vorlagen select,
#kontakte2_kontakte_filter_order_vorlagen select {
flex: 1;
height: auto;
}

#kontakte2_kontakte_filter_fields_vorlagen img,
#kontakte2_kontakte_filter_order_vorlagen img {
cursor: pointer;
}


/*
** Abos -----------------------------------------
*/

.kontakte2_kontakte_abos_typ,
.kontakte2_kontakte_abos_laufzeit {
  white-space: nowrap;
}

.kontakte2_kontakte_abos_wawi_artikel {
  text-align: center;
}

/*
** Kontakte -----------------------------------------
*/

ul#kontakte_kategorien_tree li ul {
display: none;
}

.kontakte_abos_wawi_artikel {
text-align: center;
}

/*
** Newsletter versenen Tags-----------------------------------------
*/
.newsletter2_mailings_versenden_kontakte2_kontakte_tags .kontakte2_tags_wrapper {
  display: flex;
  align-items: stretch;
  border: 1px inset #000000;
  border-radius: 3px;
}

.newsletter2_mailings_versenden_kontakte2_kontakte_tags .kontakte2_tags_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  background-color: #C0C0C0;
  color: #000000;
}

.newsletter2_mailings_versenden_kontakte2_kontakte_tags .kontakte2_tags_icon::before {
  font-family: 'FontAwesome';
  font-weight: 900;
  font-size: 12px;
  content: "\f02c";
}

.newsletter2_mailings_versenden_kontakte2_kontakte_tags input.kontakte2_tags_suche {
  color: #000000;
}

.newsletter2_mailings_versenden_kontakte2_kontakte_tags .kontakte2_tag {
  margin: 5px;
  background-color: #DCDCDC;
  color: #000000;
}

/*
** Email versenen Tags-----------------------------------------
*/
.email_mailings_versenden_kontakte2_kontakte_tags .kontakte2_tags_wrapper {
  display: flex;
  align-items: stretch;
  border: 1px inset #000000;
  border-radius: 3px;
}

.email_mailings_versenden_kontakte2_kontakte_tags .kontakte2_tags_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  background-color: #C0C0C0;
  color: #000000;
}

.email_mailings_versenden_kontakte2_kontakte_tags .kontakte2_tags_icon::before {
  font-family: 'FontAwesome';
  font-weight: 900;
  font-size: 12px;
  content: "\f02c";
}

.email_mailings_versenden_kontakte2_kontakte_tags input.kontakte2_tags_suche {
  color: #000000;
}

.email_mailings_versenden_kontakte2_kontakte_tags .kontakte2_tag {
  margin: 5px;
  background-color: #DCDCDC;
  color: #000000;
}



/*
** Objekte Dateien-----------------------------------------
*/
.objekte_dateien_filename,
.objekte_dateien_size {
white-space: nowrap;
}

.objekte_dateien_size {
text-align: right;
}

.objekte_dateien_info {
width: 100%;
}

/*
** Objekte Konakte-----------------------------------------
*/
.objekte_kontakte_rolle,
.objekte_kontakte_kontakt {
white-space: nowrap;
}

.objekte_kontakte_info {
width: 100%;
}

/*
** Weboffice Dokumente Downloads-----------------------------------------
*/
.weboffice_dokumente_files_datum,
.weboffice_dokumente_files_zeit,
.weboffice_dokumente_files_name {
white-space: nowrap;
}

.weboffice_dokumente_files_text {
width: 100%;
}

.weboffice_dokumente_files_text p:first-child {
margin-top: 0;
}

.weboffice_dokumente_files_text p:last-child {
margin-bottom: 0;
}

/*
** Weboffice Dokumente Bemerkungen-----------------------------------------
*/
.weboffice_dokumente_bemerkungen_datum,
.weboffice_dokumente_bemerkungen_zeit,
.weboffice_dokumente_bemerkungen_name {
white-space: nowrap;
}

.weboffice_dokumente_bemerkungen_text {
width: 100%;
}

.weboffice_dokumente_bemerkungen_text p:first-child {
margin-top: 0;
}

.weboffice_dokumente_bemerkungen_text p:last-child {
margin-bottom: 0;
}



/*
** Zeiterfassung Projekte-----------------------------------------
*/
.zeiterfassung_projekte_nr,
.zeiterfassung_projekte_status,
.zeiterfassung_projekte_titel {
white-space: nowrap;
}

.zeiterfassung_projekte_text {
width: 100%;
}

/*
** Zeiterfassung Projekte Konakte-----------------------------------------
*/
.zeiterfassung_projekte_kontakte_rolle,
.zeiterfassung_projekte_kontakte_kontakt {
white-space: nowrap;
}

.zeiterfassung_projekte_kontakte_info {
width: 100%;
}

/*
** Zeiterfassung Projekte Bemerkungen-----------------------------------------
*/
.zeiterfassung_projekte_bemerkungen_datum,
.zeiterfassung_projekte_bemerkungen_zeit,
.zeiterfassung_projekte_bemerkungen_verfasser {
white-space: nowrap;
}

.zeiterfassung_projekte_bemerkungen_text {
width: 100%;
}

.zeiterfassung_projekte_bemerkungen_text p:first-child {
margin-top: 0;
}

.zeiterfassung_projekte_bemerkungen_text p:last-child {
margin-bottom: 0;
}

/*
** Zeiterfassung Projekte Planung-----------------------------------------
*/
.zeiterfassung_projekte_planung_datum_zeit_von,
.zeiterfassung_projekte_planung_datum_zeit_bis,
.zeiterfassung_projekte_planung_titel {
white-space: nowrap;
}

.zeiterfassung_projekte_planung_text {
width: 100%;
}

.zeiterfassung_projekte_planung_text p:first-child {
margin-top: 0;
}

.zeiterfassung_projekte_planung_text p:last-child {
margin-bottom: 0;
}

/*
** Seminare Seminare Kontakte -----------------------------------------
*/
.seminare_seminare_kontakte_pos,
.seminare_seminare_kontakte_aktiv,
.seminare_seminare_kontakte_kontakt,
.seminare_seminare_kontakte_rechte {
white-space: nowrap;
}

.seminare_seminare_kontakte_info {
width: 100%;
}

/*
** Sonstiges -----------------------------------------
*/
.unsichtbar {
display: inline;
height: 0;
left: -3000px;
overflow: hidden;
position: absolute;
top: -2000px;
width: 0;
}


/*
** Uploader -----------------------------------------
*/
body .plupload_header_content {
padding-left: 10px;
height: 42px;
}

body .plupload_logo,
body .plupload_header_title {
display: none;
}

body .plupload_header_text {
padding-top: 12px;
font-size: 16px;
font-weight: bold;
}

/*
** Dokumente - Positionen - WaWi -----------------------------------------
*/
#hinzufuegen_wawi_artikel_suchen_artikel a {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 1px;
color: #000000;
background-color: #FFFFFF;
overflow: hidden;
}

#hinzufuegen_wawi_artikel_suchen_artikel a .lagerstand1,
#hinzufuegen_wawi_artikel_suchen_artikel a .lagerstand0 {
float: left;
width: 100px;
padding: 2px 5px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
}

#hinzufuegen_wawi_artikel_suchen_artikel a .lagerstand0 {
background-color: #ffc0c0;
}

#hinzufuegen_wawi_artikel_suchen_artikel a .lagerstand1 {
background-color: #c0ffc0;
}

#hinzufuegen_wawi_artikel_suchen_artikel a .titel {
padding: 2px 5px;
float: left;
width: auto;
}

#hinzufuegen_wawi_artikel_suchen_artikel a:hover,
#hinzufuegen_wawi_artikel_suchen_artikel a:focus {
background-color: #fdf1cf;
}

/*
** WaWi Artikel Allgemein -----------------------------------------
*/

.wawi_artikel_rabatte table {
  width: 100%;
}

.wawi_artikel_rabatte tbody {
  margin-top:10px;
}

#wawi_artikel_bundle_gefunden {
  position: relative;
}

#wawi_artikel_bundle_gefunden > i.close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
  z-index: 20;
  cursor: pointer;
}

#wawi_artikel_bundle_gefunden > div {
  cursor: pointer;
}

#wawi_artikel_bundle_artikel .delete {
  cursor: pointer;
}


/*
** WaWi Artikel Eigenschaften -----------------------------------------
*/

.wawi_artikel_zubehoer div,
.wawi_gutscheine_wawi_artikel div {
  display: flex;
  margin-top: 2px;
}

.wawi_artikel_zubehoer div a,
.wawi_gutscheine_wawi_artikel div a {
  display: inline-block;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  background: url('/cms/interface_v4/icons/16x16/expand_plus.png') center center no-repeat;
}

.wawi_artikel_zubehoer div a.zubehoer_delete,
.wawi_gutscheine_wawi_artikel div a.wawi_artikel_delete {
  background: url('/cms/interface_v4/icons/16x16/expand_minus.png') center center no-repeat;
}

.wawi_artikel_zubehoer div span,
.wawi_gutscheine_wawi_artikel div span {
  margin-left: 5px;
}

.wawi_artikel_eigenschaften_optionen_titel_webshop {
  width: 50%;
}

/*
** WaWi Artikel Webshop -----------------------------------------
*/

.wawi_artikel_eigenschaften_optionen_titel_weboffice_dokumente,
.wawi_artikel_eigenschaften_optionen_titel_webshop {
  width: 50%;
}


/*
** WaWi Artikel Pics -----------------------------------------
*/

.wawi_artikel_pics {
clear: both;
overflow: hidden;
}

.wawi_artikel_pic {
float: left;
position: relative;
width: 100px;
height: 100px;
margin: 10px;
}

.wawi_artikel_pic.add_pic {
background-color: #FFFFFF;
border: 1px solid #C0C0C0;
background-image: url('/cms/interface_v4/icons/32x32/expand_plus.png');
background-repeat: no-repeat;
background-position: center center;
}

.wawi_artikel_pic.uploading {
background-color: #FFFFFF;
border: 1px solid #C0C0C0;
}

.wawi_artikel_pic_src {
position: absolute;
display: inline-block;
top: 0;
right: 0;
z-index: 1;
width: 100px;
height: 100px;
background-color: #FFFFFF;
border: 1px solid #C0C0C0;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}

.wawi_artikel_pic_upload_percent {
position: absolute;
display: inline-block;
bottom: 0;
left: 0;
z-index: 2;
width: 100px;
height: 20px;
color: #000000;
text-align: center;
background-color: #FFFFFF;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}

.wawi_artikel_pic.delete .wawi_artikel_pic_src {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

.wawi_artikel_pic.delete .wawi_artikel_pic_delete_x {
position: absolute;
display: inline-block;
top: 0;
right: 0;
z-index: 2;
width: 100px;
height: 100px;
background-image: url('/cms/interface_v4/sonstiges/homepage2_pages_editor_pic_delete.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.wawi_artikel_pic_delete {
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 3;
width: 50px;
height: 50px;
background-image: url('/cms/interface_v4/icons/32x32/fehler_rot.png');
background-position: center center;
background-repeat: no-repeat;
background-color: #FFFFFF;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}

.wawi_artikel_pic_delete.upload_delete {
left: 25px;
top: 25px;
}

.wawi_artikel_pic:hover .wawi_artikel_pic_delete {
display: inline-block;
}

.wawi_artikel_pics_aspect_ratio_templates {
  display: flex;
  flex-wrap: wrap;
}

.wawi_artikel_pics_aspect_ratio_templates a {
  display: block;
  text-decoration: none;
  margin: 0 15px 15px 0;
  color: #000000;
  font-size: 80%;
  text-align: center;
}

.wawi_artikel_pics_aspect_ratio_templates a span {
  display: inline-block;
  background-color: #C0C0C0; 
}


/*
** WaWi Artikel Files -----------------------------------------
*/

.wawi_artikel_files {
clear: both;
overflow: hidden;
min-height: 100px;
position: relative;
padding: 10px 0;
box-sizing: border-box;
}

.wawi_artikel_files * {
box-sizing: border-box;
}

.wawi_artikel_file {
position: relative;
}

.wawi_artikel_file_inner {
position: relative;
border-bottom: 1px solid #C0C0C0;
}

.wawi_artikel_file_add {
text-decoration: none;
color: inherit;
display: inline-block;
background-image: url('/cms/interface_v4/icons/16x16/expand_plus.png');
background-repeat: no-repeat;
background-position: left center;
padding: 5px 5px 5px 25px;
margin-bottom: 20px;
}

.wawi_artikel_file_filename {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.wawi_artikel_file_text > div {
  display: flex;
}

.wawi_artikel_file_text input {
  width: 100%;
}

.wawi_artikel_file_filesize {
  white-space: nowrap;
  width: 80px;
  text-align: right;
}

.wawi_artikel_file_delete_x {
}

.wawi_artikel_file_upload_percent {
color: #000000;
text-align: center;
background-color: #FFFFFF;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.8);
filter:progid:DXdownloadTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
-ms-filter: "progid:DXdownloadTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}

.wawi_artikel_file_move {
display: inline-block;
width: 16px;
height: 16px;
background-image: url('/cms/interface_v4/icons/16x16/verschieben.png');
background-position: center center;
background-repeat: no-repeat;
}

.wawi_artikel_file_download {
display: inline-block;
width: 16px;
height: 16px;
background-image: url('/cms/interface_v4/icons/16x16/download.png');
background-position: center center;
background-repeat: no-repeat;
}

.wawi_artikel_file_delete {
display: inline-block;
width: 16px;
height: 16px;
background-image: url('/cms/interface_v4/icons/16x16/fehler_rot.png');
background-position: center center;
background-repeat: no-repeat;
}

.wawi_artikel_file.delete .wawi_artikel_file_inner:after {
content: "";
border-bottom: 1px solid red;
position: absolute;
top: 50%;
width: calc(100% - 30px);
}

/*
** WaWi Artikel Eigenschaften Varianten -----------------------------------------
*/

.wawi_artikel_varianten_artikel {
  width: 100%;
}

.wawi_artikel_varianten_artnr,
.wawi_artikel_varianten_ean,
.wawi_artikel_varianten_preis_vk,
.wawi_artikel_varianten_lager_ist {
  white-space: nowrap;
}

.wawi_artikel_varianten_webshopartliste_show {
  text-align: center;
}

.wawi_artikel_varianten_artnr input,
.wawi_artikel_varianten_ean input {
  width: 150px;
}

/*
** WaWi Artikel Bewertungen -----------------------------------------
*/

.wawi_artikel_bewertungen_name_text {
  width: 100%;
}

.wawi_artikel_bewertungen_datum_zeit,
.wawi_artikel_bewertungen_bewertung,
.wawi_artikel_bewertungen_quelle {
  white-space: nowrap;
}

.wawi_artikel_bewertungen_aktiv,
.wawi_artikel_bewertungen_verifizierter_kauf {
  text-align: center;
}
	
/*
** WaWi Datenfelder Optionen -----------------------------------------
*/

.wawi_datenfelder_optionen_id,
.wawi_datenfelder_optionen_color,
.wawi_datenfelder_optionen_titel {
  vertical-align: top;
}

.wawi_datenfelder_optionen_id {
  text-align: center;
}
	
.wawi_datenfelder_optionen_titel {
  width: 100%;
}

/*
** WaWi Versandarten Zonen -----------------------------------------
*/

.wawi_versandarten_zonen_checkbox,
.wawi_versandarten_zonen_id,
.wawi_versandarten_zonen_titel,
.wawi_versandarten_zonen_laender {
  vertical-align: top;
}

.wawi_versandarten_zonen_id {
  text-align: center;
}
	
.wawi_versandarten_zonen_titel {
  white-space: nowrap;
}

.wawi_versandarten_zonen_laender {
  width: 100%;
}

.wawi_versandarten_zonen_versandkostenfrei {
  text-align: right;
}
	

/*
** WaWi Versandarten Preise -----------------------------------------
*/

.wawi_versandarten_preise_id {
  text-align: center;
}

.wawi_versandarten_preise_zone,
.wawi_versandarten_preise_gewicht,
.wawi_versandarten_preise_preis {
  white-space: nowrap;
}

.wawi_versandarten_preise_speditionen_id {
  width: 100%;
}

/*
** WaWi Scanner -----------------------------------------
*/
.wawi_scanner_in_out_button {
  padding: 20px;
}

.wawi_scanner_in_out_button.active {
  background-color: #00C000;
  color: #FFFFFF;
}

.wawi_scanner_in_out_button .plus_minus {
  font-size: 300%;
}

/*
** Wawi Artikel Import/Export-----------------------------------------
*/

.wawi_artikel_import_legend,
.wawi_artikel_import_info,
.wawi_artikel_export_legend,
.wawi_artikel_export_info,
.wawi_artikel_suche_legend,
.wawi_artikel_suche_info {
vertical-align: top;
}

.wawi_artikel_import_legend div,
.wawi_artikel_export_legend div,
.wawi_artikel_suche_legend div {
padding: 5px;
white-space: nowrap;
width: 170px;
margin-right: 5px;
margin-bottom: 5px;
}

.wawi_artikel_import_legend .block_a,
.wawi_artikel_export_legend .block_a,
.wawi_artikel_suche_legend .block_a,
.wawi_artikel_import_available_field.block_a,
.wawi_artikel_export_available_field.block_a,
.wawi_artikel_suche_available_field.block_a {
background-color: #FFFFFF;
color: #000000;
}
.wawi_artikel_import_legend .block_b,
.wawi_artikel_export_legend .block_b,
.wawi_artikel_suche_legend .block_b,
.wawi_artikel_import_available_field.block_b,
.wawi_artikel_export_available_field.block_b,
.wawi_artikel_suche_available_field.block_b {
background-color: #eae000; /* gelb */
color: #000000;
}
.wawi_artikel_import_legend .block_c,
.wawi_artikel_export_legend .block_c,
.wawi_artikel_suche_legend .block_c,
.wawi_artikel_import_available_field.block_c,
.wawi_artikel_export_available_field.block_c,
.wawi_artikel_suche_available_field.block_c {
background-color: #ff6400; /* orange */
color: #000000;
}
.wawi_artikel_import_legend .block_d,
.wawi_artikel_export_legend .block_d,
.wawi_artikel_suche_legend .block_d,
.wawi_artikel_import_available_field.block_d,
.wawi_artikel_export_available_field.block_d,
.wawi_artikel_suche_available_field.block_d {
background-color: #cc0000;  /* dunkelrot */
color: #FFFFFF;
}
.wawi_artikel_import_legend .block_e,
.wawi_artikel_export_legend .block_e,
.wawi_artikel_suche_legend .block_e,
.wawi_artikel_import_available_field.block_e,
.wawi_artikel_export_available_field.block_e,
.wawi_artikel_suche_available_field.block_e {
background-color: #0078b8;  /* blau */
color: #FFFFFF;
}
.wawi_artikel_import_legend .block_f,
.wawi_artikel_export_legend .block_f,
.wawi_artikel_suche_legend .block_f,
.wawi_artikel_import_available_field.block_f,
.wawi_artikel_export_available_field.block_f,
.wawi_artikel_suche_available_field.block_f {
background-color: #008000;  /* grÃ¼n */
color: #FFFFFF;
}
.wawi_artikel_import_legend .block_g,
.wawi_artikel_export_legend .block_g,
.wawi_artikel_suche_legend .block_g,
.wawi_artikel_import_available_field.block_g,
.wawi_artikel_export_available_field.block_g,
.wawi_artikel_suche_available_field.block_g {
background-color: #856d2a;  /* braun */
color: #FFFFFF;
}

#wawi_artikel_import_available,
#wawi_artikel_export_available,
#wawi_artikel_suche_available,
#wawi_artikel_import_enabled,
#wawi_artikel_export_filters,
#wawi_artikel_export_order,
#wawi_artikel_suche_filters,
#wawi_artikel_suche_order {
width: 400px;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid #C0C0C0;
padding: 20px;
background-color: #2e2e2e;
vertical-align: top;
}

#wawi_artikel_import_available,
#wawi_artikel_export_available,
#wawi_artikel_suche_available {
height: 500px;
}

#wawi_artikel_import_enabled,
#wawi_artikel_export_filters,
#wawi_artikel_export_order,
#wawi_artikel_suche_filters,
#wawi_artikel_suche_order {
height: 480px;
}

.wawi_artikel_import_available_field,
.wawi_artikel_export_available_field,
.wawi_artikel_suche_available_field {
position: relative;
background-color: #FFFFFF;
color: #000000;
overflow: hidden;
margin: 3px 0;
cursor: pointer;
}

.wawi_artikel_import_available_field_titel,
.wawi_artikel_export_available_field_titel,
.wawi_artikel_suche_available_field_titel {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 5px;
}

.wawi_artikel_import_export_tiefe {
display: none;
width: 50px;
margin-left: 5px;
}

.wawi_artikel_import_available_field_content,
.wawi_artikel_export_available_field_content,
.wawi_artikel_suche_available_field_content {
padding: 5px;
border-top: 1px solid rgba(0, 0, 0, .1);
display: none;
}

#wawi_artikel_import_enabled .wawi_artikel_import_available_field_content,
#wawi_artikel_export_filters .wawi_artikel_export_available_field_content,
#wawi_artikel_suche_filters .wawi_artikel_suche_available_field_content {
display: block;
}

#wawi_artikel_export_order .wawi_artikel_import_export_tiefe,
#wawi_artikel_import_enabled .wawi_artikel_import_export_tiefe {
display: inline-block;
}

.wawi_artikel_import_available_field_content_info {
padding-left: 25px;
overflow: hidden;
background: url('/cms/interface_v4/icons/16x16/info.png') left top no-repeat;
min-height: 16px;
margin-bottom: 5px;
}

.wawi_artikel_import_available_field_content_achtung {
padding-left: 25px;
overflow: hidden;
background: url('/cms/interface_v4/icons/16x16/achtung.png') left top no-repeat;
min-height: 16px;
margin-bottom: 5px;
color: #FF0000;
}

.wawi_artikel_import_available_field_content_label {
display: inline-block;
width: 130px;
}

.wawi_artikel_import_available_field_content_config input[type="text"],
.wawi_artikel_import_available_field_content_config textarea,
.wawi_artikel_import_available_field_content_config select,
.wawi_artikel_import_available_field_content_modus select,
.wawi_artikel_import_available_field_content_default input[type="text"],
.wawi_artikel_import_available_field_content_default textarea,
.wawi_artikel_import_available_field_content_default select {
width: 200px;
}

.wawi_artikel_import_available_field_content_modus {
margin-top: 5px;
display: none;
}

.wawi_artikel_import_available_field_content_default {
margin-top: 5px;
}

.wawi_artikel_import_available_field_delete,
.wawi_artikel_export_available_field_delete,
.wawi_artikel_suche_available_field_delete {
position: absolute;
right: 5px;
top: 5px;
z-index: 1;
width: 16px;
height: 16px;
background: url('/cms/interface_v4/icons/16x16/fehler_rot.png') center center no-repeat;
display: none;
}

#wawi_artikel_import_enabled .wawi_artikel_import_available_field_delete,
#wawi_artikel_export_filters .wawi_artikel_export_available_field_delete,
#wawi_artikel_export_order .wawi_artikel_export_available_field_delete,
#wawi_artikel_suche_filters .wawi_artikel_suche_available_field_delete,
#wawi_artikel_suche_order .wawi_artikel_suche_available_field_delete {
display: inline-block;
}

#wawi_artikel_import_enabled .wawi_artikel_import_available_field_titel,
#wawi_artikel_export_filters .wawi_artikel_export_available_field_titel,
#wawi_artikel_export_order .wawi_artikel_export_available_field_titel,
#wawi_artikel_suche_filters .wawi_artikel_suche_available_field_titel,
#wawi_artikel_suche_order .wawi_artikel_suche_available_field_titel {
padding-right: 25px;
}

.wawi_artikel_sortable_placeholder {
height: 5px;
background-color: #f5c11e;
}

#wawi_artikel_import_vorlagen,
#wawi_artikel_export_filters_vorlagen,
#wawi_artikel_export_order_vorlagen,
#wawi_artikel_suche_filters_vorlagen,
#wawi_artikel_suche_order_vorlagen {
overflow: hidden;
margin-bottom: 5px;
}

#wawi_artikel_export_filters_vorlagen select,
#wawi_artikel_export_order_vorlagen select,
#wawi_artikel_suche_filters_vorlagen select,
#wawi_artikel_suche_order_vorlagen select {
width: 350px;
float: left;
}

#wawi_artikel_import_vorlagen select {
width: 335px;
float: left;
}

#wawi_artikel_import_vorlagen img,
#wawi_artikel_export_filters_vorlagen img,
#wawi_artikel_export_order_vorlagen img,
#wawi_artikel_suche_filters_vorlagen img,
#wawi_artikel_suche_order_vorlagen img {
float: left;
width: auto;
margin-left: 5px;
cursor: pointer;
}

/*
** Retouren Updates-----------------------------------------
*/
.retouren_updates_datum,
.retouren_updates_zeit,
.retouren_updates_verfasser {
white-space: nowrap;
}

.retouren_updates_text {
width: 100%;
}

.retouren_updates_text p:first-child {
margin-top: 0;
}

.retouren_updates_text p:last-child {
margin-bottom: 0;
}


/*
** Sonstiges -----------------------------------------
*/

.tablesorter-header-inner {
background: url('/cms/interface_v4/fensterdesigns/Modern_dunkel/table_sort.png') right center no-repeat;
padding-right: 12px;
cursor: pointer;
}

.ui-autocomplete {
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
z-index: 99999;
}
* html .ui-autocomplete {
height: 300px;
}
.ui-autocomplete-loading {
background: white url("/cms/interface_v4/sonstiges/loading_input.gif") right center no-repeat;
}
.pac-container { z-index: 99999 !important; min-width: 500px; }

.nodelete {
  background-color: #FFA500;
}

.button_homepage2_editor {
font-weight: bold;
border: none;
padding: 5px 20px 5px 40px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
background: url("/cms/interface_v4/icons/16x16/layout.png") left 20px center no-repeat #808080;
color: #000000;
min-width: 250px;
}