/* ----------------------------------------------
Project Styles 
----------------------------------------------/

/* Colors */
:root {
  --primary: 			#009ee3;	/* Buttons + Links */
  --secondary:			#e5007d;	/* Buttons active */
  --tertiary:			rgba(222, 90, 20, 1);	/* Save Button optional */
  --quarternary:		rgba(74, 76, 78, 1);	/* BG User panel */
}

/* Main Nav */
#NavContainer .NavElement {
	width: calc(16.666% - 6px);
}

#NavContainer .NavElement .Bg02 {
	background-color: #0a719e;
	border-color: #0a719e;
}

#NavContainer .NavElement .Bg02.Marked {
	background-color: var(--black);
}

#Header #Logo {
	padding: 0;
	width: 100px;
	height: 46px;
}

	@media screen and (max-width: 991px) {
		
		#Header #Logo {
			padding: 0;
			width: 46px;
			height: 46px;
		}
		
	}


/* =====================================================================================================

CSS - Cake Version 1.0.

===================================================================================================== */

/*************************************************
* Allgemeine Definitionen
*************************************************/

/* RESET & BASICS (Inspired by E. Meyers) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, /* sub, sup, */ tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 		0;
		padding: 		0;
		border: 		0;
		vertical-align: baseline;
		font: 			inherit;
		font-size: 		100%; 
		}
		
/* HTML5 display-role reset fuer alte Browser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {display: block;}	
ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}


/* */	
	
	@media screen and (min-width: 1120px) 	{ html {font-size: 17px} }
	@media screen and (max-width: 1199px) 	{ html {font-size: 16px; -webkit-text-size-adjust: none;} }
	@media screen and (max-width: 767px) 	{ html {font-size: 17px; -webkit-text-size-adjust: none;} }
	

/* BASICS */
*  	 	{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}	

html	{overflow-y: scroll; scroll-behavior: smooth; height: 100%; min-height: 100vH;}
body 	{margin: 0; padding: 0; height: 100%; border: 0; color: var(--black); min-width: 360px;
		background: var(--white); background: linear-gradient(180deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 150px); background-repeat: no-repeat;
		font-family: 'Roboto', sans-serif; text-align: center; font-size: 1em;}
	
a 		{color: var(--primary); 	
		-webkit-transition: opacity 200ms ease;
		-moz-transition: opacity 200ms ease;
		-o-transition: opacity 200ms ease;
		transition: all 200ms ease;}
a:hover	{color: var(--primary); text-decoration: underline;}

a, 
input, 
textarea, 
select {outline: 0;}

b, 
strong	{font-weight: 600;}

span.hidden, 
hr 				{display:none;}

.Clear 			{margin: 0; width: auto; height: auto; clear: both; display: block;}
.NoMargin 		{margin:0 !important;}		
.BorderTop 		{border-top: 1px solid var(--border-grey);}
.BorderBottom 	{border-bottom: 1px solid var(--border-grey);}
.Space 			{clear: both; height: 30px;}

		
/* ---------------------------------------------------
   FONTS, LICENSE: /css/admin/webfonts/LICENSE.txt
   -------------------------------------------------- */
@font-face {
    font-family: 'Roboto';
    src: url('/css/admin/webfonts/roboto-light.eot');
    src: url('/css/admin/webfonts/roboto-light.eot?#iefix') format('embedded-opentype'),
        url('/css/admin/webfonts/roboto-light.woff2') format('woff2'),
        url('/css/admin/webfonts/roboto-light.woff') format('woff'),
        url('/css/admin/webfonts/roboto-light.ttf') format('truetype'),
        url('/css/admin/webfonts/roboto-light.svg#robotolight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/css/admin/webfonts/roboto-regular.eot');
    src: url('/css/admin/webfonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
        url('/css/admin/webfonts/roboto-regular.woff2') format('woff2'),
        url('/css/admin/webfonts/roboto-regular.woff') format('woff'),
        url('/css/admin/webfonts/roboto-regular.ttf') format('truetype'),
        url('/css/admin/webfonts/roboto-regular.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/css/admin/webfonts/roboto-medium.eot');
    src: url('/css/admin/webfonts/roboto-medium.eot?#iefix') format('embedded-opentype'),
        url('/css/admin/webfonts/roboto-medium.woff2') format('woff2'),
        url('/css/admin/webfonts/roboto-medium.woff') format('woff'),
        url('/css/admin/webfonts/roboto-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/css/admin/webfonts/roboto-bold.eot');
    src: url('/css/admin/webfonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
        url('/css/admin/webfonts/roboto-bold.woff2') format('woff2'),
        url('/css/admin/webfonts/roboto-bold.woff') format('woff'),
        url('/css/admin/webfonts/roboto-bold.ttf') format('truetype'),
        url('/css/admin/webfonts/roboto-bold.svg#robotobold') format('svg');
    font-weight: 600;
    font-style: normal;
}


/* ---------------------------------------------------
   COLORS
   -------------------------------------------------- */

:root {
  --black:				rgba(26, 26, 26, 1);	/* Text: standard */
  --white:				rgba(255,255,255,1);	/* BG: standard */
   
  --grey:				rgba(125,125,125,1);	/* Text: additional */
  --grey-dark:			rgba(90,90,90,1);		/* Text: Label */
  --grey-medium:		rgba(230,230,230,1);	/* BG th: Forms */
  --grey-light:			rgba(240,240,240,1);	/* BG Nav */
  --grey-lighter:		rgba(245,245,245,1);	/* BG th: Overview */
  --grey-lightest:		rgba(250,250,250,1);	/* BG td: Forms */
  
  --border-grey:		rgba(186,186,186,1);
  --border-grey-light:	rgba(205,205,205,1);
  --border-grey-lighter:rgba(225,225,225,1);

  --red:				rgba(179, 32, 95, 1);	/* Text color */
  --green:				rgba(28, 122, 31, 1);	/* Text color */
  --blue:				rgba(22, 82, 225, 1);	/* Text color */  
  --orange:				rgba(255, 117, 34, 1);	/* Text color */
  --yellow:				rgba(238, 190, 0, 1);	/* Text color */
  
  --success: 			rgba(0,0,0,1);
  --error:				rgba(242,0,91,1);
}


.Color00 {color: var(--black);}	
.Color01 {color: var(--primary);}	
.Color02 {color: var(--secondary);}	
.Color03 {color: var(--blue);}	
.Color04 {color: var(--green);}
.Color05 {color: var(--orange);}

.BgColor00 {background-color: var(--black) !important;}	
.BgColor01 {background-color: var(--primary) !important;}	
.BgColor02 {background-color: var(--secondary) !important;}	
.BgColor03 {background-color: var(--blue) !important;}	
.BgColor04 {background-color: var(--green) !important;}
.BgColor05 {background-color: var(--orange) !important;}


.BgGrau	{
	background: var(--grey-lighter);
}

/* ---------------------------------------------------
   TEXT STYLES
   -------------------------------------------------- */

/* Textfarben / Textelemente */
.TextGreen	 	{color: var(--green);}	
.TextOrange 	{color: var(--orange);}	
.TextYellow 	{color: var(--yellow);}	
.TextRed 		{color: var(--red);}
.TextGrey 		{color: var(--grey);}			
.TextBlue 		{color: var(--blue);}

label .TextRed					{color: rgb(223, 0, 0);}
label .TextGreen				{color: rgb(0, 138, 4);}
table.View .Field .TextGreen	{color: rgb(0, 138, 4);}


/* Hinweise/Tipps */	
.TextTippNorm 	{font-size: 13px; color: var(--grey);}	
.TextTipp 		{font-size: 85%; margin: 14px 0 0 0 ; color: var(--grey);}
.TextTipp br 	{line-height: 9px;}			
.TextTipp span  {font-size: 13px !important; line-height: 15px !important; color: var(--blue) !important; font-weight: 400 !important;}			



/* ---------------------------------------------------
   FONT STYLES
   --------------------------------------------------- */

h1				{font-size: 185%; font-weight: 600; margin: 0; letter-spacing: -.015em;}
h2 				{font-size: 185%; font-weight: 400; margin: 0 0 1.765rem 0; color: var(--grey); letter-spacing: -.015em;}
h3 				{font-size: 130%; font-weight: normal; line-height: 1.3555; margin: 0 0 0 0; color: var(--black);}

.TextNorm 		{font-size: 100%; line-height: 1.3555; font-weight: normal;} 
.TextSmall 		{font-size: 85%; font-weight: normal;}
.TextSmallGrau 	{font-size: 85%; padding-top: 3px; color: var(--grey);}
.TextSmallRed	{font-size: 85%; font-weight: normal; color: var(--red);}

input, 
textarea, 
select 			{font-size: 1rem; font-family: 'Roboto', sans-serif; }


	@media screen and (max-width: 991px) {
		
		h1				{font-size: 150%;}
		h2				{font-size: 150%;}
		
	}


/* ---------------------------------------------------
   WRAPS + CONTAINER
   -------------------------------------------------- */

#Wrap 		{position: relative; margin: 0; width: 100%; padding: 0 15px; text-align: left; overflow: hidden;}

.ContainerTitel {
	margin-top: 0;
}

.ContainerTitel2 h2 {
	margin-bottom: 1.175rem;
}

.ContainerTitel2 h3 {
	margin-bottom: 0;
}

.ContainerTitel2 h3 .TextRed {
	display: inline-block;
	margin-bottom: 28px;
}

.ContainerLinieDotted {
	width: 100%;
	padding: 0px 0px 30px 0px;
	border-bottom: 1px solid var(--border-grey);
}

.ContainerLinie {
	padding: 0px 0px 6px 0px;
	border-bottom: 1px solid var(--border-grey-light);	
}

.ContainerImg {
	float: left;
	margin: 24px 30px 10px 0;
	padding: 4px 0 6px 0;
}
	
.ContainerFile {
	display: inline-block;
	margin: 20px 20px 10px 0;
	padding: 15px 12px;
	font-weight: 500;
	background-color: var(--white);
	border-radius: 6px;
	border: 1px dashed var(--primary);
}

.ContainerFile a::before {
	content: ' ';
	display: inline-block;
	margin-right: .5rem;
	width: 1.5em;
	height: 1.5em;
	background: url(/img/admin/file-regular.svg) left top no-repeat;
	background-size: auto 100%;
	vertical-align: middle;
}
	
.ContainerFunction {
	float: left;
	margin: 10px 0 30px 0;
	max-width: 840px;
}	

.ContainerFunction .WrapSort {
	float: left;
	margin-right: 20px;
}

.ContainerFunction a.SortTop,
.ContainerFunction a.SortDown {
	margin-top: 12px;
}

.ContainerFunction .WrapTexts {
	float: left;
	margin-right: 50px;
}

.ContainerFunction .WrapDelete {
	float: left;
}


.ContainerFunction input.Text {
	width: 100%;
}

	
	@media screen and (max-width: 767px) {
		
		#Wrap 		{padding: 0 10px;}
		
		div[id*="bildzeile_"] {
			border-top: 1px dashed var(--border-grey-light); 
		}
		
		div[id*="bildzeile_"] {
			margin-top: -40px; 
		}
		
		div[id*="bildzeile_"]:first-of-type {
			margin-top: 0; 
		}
		
		.ContainerImg {
			float: none;
			margin-bottom: 30px;
			width: 60%;
			max-width: 380px;
			padding: 0;
			border: 1px solid rgba(0,0,0,.35);
		}
		
		.ContainerImg img {
			width: 100%;
		}
		
		.ContainerFunction {
			float: none;
			margin-right: 0;
			margin-bottom: 0;
		}
		
		.ContainerFunction .WrapSort,
		.ContainerFunction .WrapTexts,
		.ContainerFunction .WrapDelete {
			float: none;			
			overflow: hidden;
			margin-bottom: 15px;
			margin-right: 0;
		}
		
		.ContainerFunction .WrapDelete {
			display: inline-block;
			float: right;
			margin-bottom: -50px;
			transform: translateY(-176px);
		}
		
		.ContainerFunction .WrapDelete.WrapPos02 {
			float: none;
			transform: translateY(-0px);
			margin-top: -30px;
			margin-bottom: 0;
			text-align: right;
		}
		
	}
	
	
/* ---------------------------------------------------
   HEADER
   --------------------------------------------------- */	
	
#Header {
	position:relative;
	width: calc(100% + 30px);
	margin-left: -15px;
	text-align: left;
}


	
	@media screen and (min-width: 768px) and (max-width: 1199px) {
		
		#Header {
			width: calc(100% + 30px);
			margin-left: -15px;
		}
	
	}
	
	@media screen and (max-width: 991px) {
		
		#Header {
			-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20);
			-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20);
			box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20);
		}
		
	}
	
	@media screen and (max-width: 767px) {
		
		#Header {
			width: calc(100% + 20px);
			margin-left: -10px;
		}
		
	}

/* ---------------------------------------------------
   LOGO
   --------------------------------------------------- */
   
#Header #Logo {
	position: absolute;
	left: 0;
	top: 0;	
	text-align:left;
	overflow: hidden;
	background-color: var(--white);
	border: 1px solid var(--grey-light);
	z-index: 1;
}

#Header #Logo a {
	display: block;
	height: 100%;
	background: url(/img/admin/logo.png) left center no-repeat;
	background-size: contain;
	background-position: center center;
	overflow: hidden;
}


	@media screen and (max-width: 991px) {
		
		#Header #Logo {
			left: 0;
			top: 0;
			border: none;
		}
		
	}	
	
	
/* ---------------------------------------------------
  USER PANEL
   --------------------------------------------------- */
   
#Header #UserPanel {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow:hidden;
	color: var(--white);
	background: var(--quarternary);
	height: 46px;
	padding-right: 20px;
	z-index: 0;
}

#Header #UserPanel .UserPanelTitle {
	margin-left: 116px;
}

#Header #UserPanel .UserPanelTitle p {
	display: block;
	margin-left: 0;
	font-size: 1.5em;
	font-weight: 300;
	white-space: nowrap;
	opacity: .7;
}

#Header #UserPanel .UserPanelLinks {
	display: flex;
	flex-wrap: no-wrap;
	justify-content: right;
	align-items: center;
	overflow:hidden;
	height: 100%;
}

#Header #UserPanel p {
	margin: -2px 0 0 28px;
	line-height: 15px;
	text-align: left;
	font-size: .975rem;
	text-align: right;
	display: flex;
	align-items: center;
}
	
#Header #UserPanel p a {
	color: var(--white);
	text-decoration: none;
	white-space: nowrap;
}

#Header #UserPanel p a:hover {
	opacity: .7;
}	
	
#Header #UserPanel p.LoginInfo::before {
	content: ' ';
	display: inline-block;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	background: url(/img/admin/person-white.svg) center center no-repeat;
	background-size: 100% auto;	
}

#Header #UserPanel p.Logout a {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

#Header #UserPanel p.Logout a::after {
	content: ' ';
	margin-left: 10px;
	width: 1.5em;
	height: 1.5em;
	background: url(/img/admin/box-arrow-right-white.svg) center center no-repeat;
	background-size: 100% auto;	
}
	
#Header #UserPanel p.ButtonLink {
	border: 1px solid rgba(255, 255, 255, .65);
	border-radius: .38725em;
	padding: 7px 10px;
	background-color: var(--primary);	
	font-size: 90%;
}

#Header #UserPanel p.ButtonLink:hover {
	opacity: .7;
	cursor: pointer;
}	

#Header #UserPanel p.ButtonLink a:hover {
	opacity: 1;
}


	@media screen and (max-width: 1310px) {
		
		
		#Header #UserPanel p.LoginInfo {
			display: none;
		}
		
	}
	

	@media screen and (max-width: 991px) {
		
		#Header #UserPanel {
			padding-right: 10px;
			font-size: 90%;
		}
		
		#Header #UserPanel .UserPanelTitle {
			margin-left: calc(56px + 1vw);
		}
		
		
		#Header #UserPanel p {
			margin-left: 18px;
			font-size: 13px;
		}
		
	}
	
	
	@media screen and (max-width: 767px) {
		
		#Header #UserPanel .UserPanelTitle p {
			font-size: 1.25em;
		}
		
	}
	
	
	@media screen and (max-width: 400px) {
		
		#Header #UserPanel .UserPanelTitle {
			margin-left: 56px;
		}
		
		#Header #UserPanel .UserPanelTitle p {
			font-size: 4.5vw;
		}
		
	}	
		
	
/* ---------------------------------------------------
  SECTOR LINKS
   --------------------------------------------------- */
   
#ContainerSectorLinks {
	margin: 30px 0 30px 0;
	padding: 20px 0 20px 0;
	font: normal normal normal 48px/48px 'DroidSansBold', Arial, sans-serif;	
	border-top: 1px solid var(--border-grey-light);
	border-bottom: 1px solid var(--border-grey-light);
}

#ContainerSectorLinks a.SectorLink {	  
	text-decoration:none;  
}	
	
#ContainerSectorLinks a.SectorLink:hover {	  
	text-decoration:underline;  
}		
	
/* ---------------------------------------------------
   NAVIGATION
   --------------------------------------------------- */

/* Main Nav */

#NavContainer {
	width: 100%;
	max-width: 1490px;
	margin: 50px auto 0 auto;
	padding-bottom: 15px;
	overflow: hidden;
	border-bottom: 1px solid var(--border-grey);
}	
	
#NavContainer .NavElement {
	margin-right: 6px;
	margin-bottom: 6px;
	text-align: center;
	float: left;
	overflow: hidden;
}

#NavContainer a {
	display: block;
	width: 100%;
	padding: 0 .75em;
	background: var(--primary);
	color: var(--white);
	text-decoration: none;
	overflow: hidden;
	font-weight: 500;
	letter-spacing: .025em;
	font-size: 107%;
	line-height: 2.555;
	border: 2px solid var(--primary);
	border-radius: .38725em;
	white-space: nowrap;
}
	
#NavContainer .NavElement.Misc, 
#NavContainer .NavElement.Misc a { 
	background: var(--grey);
}
	
#NavContainer a.Marked, 
#NavContainer .NavElement.Misc a.Marked {
	background: var(--black);
	font-weight: 500;
	color: var(--white);
	border-color: var(--black) !important;
	opacity: .85;
}	
	
#NavContainer a:hover,
#Header #Nav a.Marked:hover,
#NavContainer .NavElement.Misc a:hover,
#NavContainer .NavElement.Misc a.Marked:hover {	
	opacity: .7;	
}		

#NavContainer a.Marked:hover {
	opacity: 1;
} 
	
			
	@media screen and (max-width: 1199px) {
		
		#NavContainer .NavElement {
			width: auto;
		}
		
	}
	
	
	@media screen and (max-width: 991px) {

		#NavContainer {
			margin-top: 18px;
			padding-bottom: 12px;
			border-bottom: none;
		}
		
		#NavContainer a {
			padding: 0 12px;
			font-size: 95%;
			line-height: 2.45;
		}
		
	}	
	

/* Sub Nav */

#SubNavContainer {
	position: absolute;
	width: 100%;
	height: 60px;
	top: 164px;
	left: 0;
}

.SubNav, 
#SubNav {
	display: block;
	margin: -1px auto 0 auto;
	padding: 0 0 15px 0;
	line-height: 15px;
	color: var(--primary);
	max-width: 1490px;
	background-color: var(--white);
	border-bottom: 1px solid var(--border-grey);
}

.SubNav a, 
#SubNav a {
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 7px;
	padding: .725rem;
	color: var(--primary);
	text-decoration: none;
	font-weight: 500;
	font-size: 100%;
	letter-spacing: .0125em;
	border: 1px solid var(--primary);
	border-radius: .38725em;
}

.SubNav a:hover, 
#SubNav a:hover {	
	color: var(--black);
	text-decoration: none;
	border-color: var(--grey);
}

.SubNav a.Marked,
#SubNav a.Marked {	
	color: var(--black);
	text-decoration: none;
	font-weight: 600;
	background: var(--grey-lighter);
	border-color: var(--grey-dark);
}

.LinkSubNavMarked:hover {	
	color: var(--secondary);
	border-bottom: 1px solid var(--secondary);
	text-decoration: none;
}


	@media screen and (max-width: 1528px) {
		
		#NavContainer, 
		.SubNav, 
		#SubNav {
			padding-left: 12px;
			padding-right: 12px;
			margin-left: 0;
		}
		
	}
	

	@media screen and (max-width: 991px) {
		
		#NavContainer,
		.SubNav,
		#SubNav {
			padding-left: 10px;
			padding-right: 10px;
			border-bottom: none;
		}
		
		.SubNav a,
		#SubNav a {
			font-size: 90%;
		}
		
	}	

	
/* ---------------------------------------------------
   LOGIN
   --------------------------------------------------- */	

#BodyLogin {
	min-height: 100vh;
	background: #f5f5f5;
	background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
}

#MainLogin {
    margin: 84px auto 0 auto;
	padding: 30px 28px 42px 28px;
    width: 95%;
	max-width: 25em;
	background: var(--white);
	border: 1px solid var(--border-grey-light);
	border-radius: .5rem;
	text-align: center;
}

#MainLogin h1 {
    margin: 0 0 14px 0;
	text-align: center;
	font-size: 160%;
}

#MainLogin h1::before {
   content: ' ';
   display: block;
   width: 5rem;
   height: 5rem;
   margin: 0 auto 12px auto;
   background: url(/img/admin/person-white.svg) center center no-repeat, var(--border-grey-light);
   background-size: 48% auto;
   border-radius: 5rem;
}

#MainLogin h2 {
	margin-bottom: 22px;
	font-size: 110%;
	text-align: center;
}

#MainLogin table.Edit {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	table-layout: fixed;
	border: none;
}

#MainLogin table.Edit tr td {
	display: block; 
	width: 100%;
	margin: 0;
	padding: 0;
	border: none; 
	text-align: left;
}

#MainLogin table.Edit tr td:nth-child(1) {
	margin-bottom: 17px;
}

#MainLogin table.Edit tr td.Functions {
	padding-top: 0px;
	text-align: center;
	background: transparent;
}

#MainLogin table.Edit tr td.Functions input {
	padding: .675em 1.9em;
	font-size: 19px;
	background-color: var(--primary);
	border-color: var(--primary) !important;
}

#MainLogin table.Edit tr td input.Text {
	padding: 10px;
	width: 100%;	
	background-color: var(--grey-lighter);
}

#MainLogin table.Edit tr td input.Text:focus {
	background-color: var(--grey-lightest);
}

#MainLogin .Error {
	color: var(--red); 
	font-weight: 600;
	text-align: left;
}


	@media screen and (max-width: 991px) {
		
		#MainLogin {
			margin: 40px auto 0 auto;
		}
		
		#MainLogin h1 {
		   font-size: 140%;
		}

		#MainLogin h2 {
			font-size: 110%;
			margin-bottom: 20px;
		}
		
		#MainLogin table.Edit tr td.Functions input {
			font-size: 1rem;
		}
		
	}	
	
	

/* ---------------------------------------------------
   LOGIN EXTERN
   --------------------------------------------------- */	

#LoginExtern {
	position:absolute;
	top:47px;
	right:50px;
	border:0;	
	overflow:hidden;
	z-index:10;	
}		
	
#LoginExtern a {
	display: block;
	background: var(--orange);
	color: var(--white);
	padding: 5px 8px 5px 8px;
	text-decoration: none;
}		
	
#LoginExtern a:hover {
	text-decoration:underline;
}	



/* ---------------------------------------------------
   PW VERGESSEN
   --------------------------------------------------- */

#MainForgotPW {
    margin: 84px auto 0 auto;
    width: 95%;
	max-width: 44em;
	background: var(--white);
	border: 1px solid var(--border-grey-light);
	border-radius: .5rem;
	text-align: left;
}

#MainForgotPW .InnerWrap {
	padding: 30px 28px 20px 28px;
}

#MainForgotPW h1 {
	margin-bottom: 1rem;
}

#MainForgotPW table{
	border: none;
}

#MainForgotPW table.Edit tr td {
	display: block;
	width: 100%;
	margin: 0;
	margin-bottom: 17px;
	padding: 0;
	border: none;
	text-align: left;
	background: transparent;
}

#MainForgotPW table.Edit tr td input.Text {
	padding: 10px;
	width: 100%;
	background-color: var(--grey-lighter);
}

#MainForgotPW .ButtonRow {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	border-top: 1px solid var(--border-grey-light);
	text-align: center;
	
}

#MainForgotPW .Info {
	margin-top: 1rem;
	margin-bottom: 1rem;
}


@media screen and (max-width: 991px) {
		
		#MainForgotPW {
			margin: 40px auto 0 auto;
		}
		
		#MainForgotPW h1 {
		   font-size: 140%;
		}
		
		#MainForgotPW table.Edit tr td.Functions input {
			font-size: 1rem;
		}
		
	}	
	


/* ---------------------------------------------------
   FORMS
   --------------------------------------------------- */	

input, textarea, select {border: 1px solid #ccc; outline: 0; border-radius: 4px;}	

input[type="checkbox"],
input[type="radio"] {transform: scale(1.1); margin-right: 8px;}	

input[type="checkbox"]:hover,
input[type="radio"]:hover {cursor: pointer;}
	
input:focus, select:focus, textarea:focus {
	border: 1px solid var(--black) !important;
	 -webkit-transition: border-color 200ms ease;
	-moz-transition: border-color 200ms ease;
	-o-transition: border-color 200ms ease;
	transition: border-color 200ms ease;
}

select {cursor: pointer;}	
	
.Field label:hover {cursor: pointer;}	
	
.Field .TextSmallGrau 	{display: inline-block; padding-top: 10px; padding-bottom: 10px;}

.TextRadio {padding-right: 1em;}

/* ---------------------------------------------------
   LINKS + BUTTONS
   --------------------------------------------------- */

/* Links */	

.LinkIcon {
	float: left;
	display: block;
	background-repeat: no-repeat;
	padding: 1px 10px 2px 20px;
	margin-bottom: 20px;
	color: var(--black);
}

a.LinkView, a.LinkPreview, a.LinkEdit, a.LinkDelete, a.LinkAdd, a.LinkSend, a.LinkClone  {
	display: block;
	width: 44px;
	height: 30px;
	margin: 4px 0 0 6px;
	border: 1px solid var(--primary);
	border-radius: 4px;
	background-size: auto 100%;
	background-color:  var(--primary);
	background-position: center center;
	background-repeat: no-repeat;
}
	
a.LinkDelete {
	margin-left: 16px;
	background-color: var(--primary);
	border-color: var(--primary);
}
	
a.LinkPos  {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	margin: 4px 4px 0 4px;
	background-size: auto 85%;
	background-color: var(--primary);
	background-position: center center;
	background-repeat: no-repeat;
}	

a.LinkView:hover, a.LinkPreview:hover, a.LinkEdit:hover, a.LinkDelete:hover, a.LinkAdd:hover, a.LinkSend:hover, a.LinkPos:hover, a.LinkClone:hover {
	opacity: .5; 	
}
	
a.LinkView, a.LinkPreview {
	background-image:url(/img/admin/icon_ansehen.png);
}		
	
a.LinkEdit {
	background-image:url(/img/admin/icon_editieren.png);
}			
	
a.LinkDelete {
	background-image:url(/img/admin/icon_loeschen.png);
}	

a.LinkAdd {
	background-image:url(/img/admin/icon_hinzufuegen.png);
}

a.LinkSend {
	background-image:url(/img/admin/icon_versenden.png);
	margin:0 0 0 12px;
}

a.LinkClone {
	background-image:url(/img/admin/icon_klonen.png);
}
	
a.LinkPos.PosUp	 {
	background-image:url(/img/admin/icon_hoch.png);
}
	
a.LinkPos.PosDown	 {
	background-image:url(/img/admin/icon_runter.png);
}
	
a.SelectImg {
	display: inline-block;
	margin: 0 12px 8px 0;
	background: var(--white);
	padding: 7px 41px 7px 41px;
	border: 1px solid rgba(219,190,125,1);
	color: var(--primary);
	font-size: .975rem;
	text-decoration: none;
	text-align: center;
}

a.UploadImg {
	display:inline-block;
	margin:0 0 8px 0;
	padding:8px 40px 8px 40px;
	text-decoration:none;
	text-align:center;
	background-color: var(--secondary) !important;
}				

a.SortTop {
	display:block;
	margin:5px 0 0 0;
	width:30px;
	height:30px;
	float:left;
	background: url(/img/admin/icon_hoch.png) center center no-repeat, var(--primary);
	border-radius: .38725em;
	background-size: auto 70%;
}	
	
a.SortDown {
	display:block;
	margin:5px 0 0 6px;
	width:30px;
	height:30px;
	float:left;
	background: url(/img/admin/icon_runter.png) center center no-repeat, var(--primary);
	border-radius: .38725em;
	background-size: auto 70%;
}	
	
a.DeleteImg {
	margin-top: 6px;
	padding: 6px 12px 6px 12px;
	display: inline-block;
	color: var(--white);
	background-color: var(--primary);
	font-size: 90%;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
	border-radius: .38725em;
}

a.DeleteImg.BtnPos02 {
	margin-top: 38px;
}

a.DeleteImg.BtnPos03 {
	margin-top: 8px;
}

a.SelectImg:hover,
a.UploadImg:hover,
a.SortTop:hover,
a.SortDown:hover,
a.DeleteImg:hover {
	opacity: .5;
}	

.IconCheck {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: 10px;
	vertical-align: middle;
	background: url(/img/admin/icon_check.png) center center no-repeat;
	background-size: 100% auto;
}

.IconEmpty {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: 10px;
	vertical-align: middle;
	background: url(/img/admin/icon_empty.png) center center no-repeat;
	background-size: 70% auto;
}	
	
	
	@media screen and (max-width: 991px) {
		
		a.DeleteImg.Pos02 {
			margin-top: 0;
		}	
		
		a.DeleteImg.BtnPos02 {
			margin-top: 38px;
		}

	}

	
	

/* Button Links */	

.LinkBlock {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	white-space: nowrap;
	padding: 0 .825em 0 2.425em;
	margin-bottom: 30px;
	font-size: 100%;
	line-height: 2.65;
	font-weight: 500;
	text-align: center;
	text-decoration: none !important;
	color: var(--white) !important;
	background-color: var(--primary);
	border-radius: .38725em;
	letter-spacing: .025em;
}

.LinkBlock::before {
	content:'+ ';
	font-size: 160%;
	font-weight: 400;
	line-height: 1;
	position: absolute;
	left: .5em;
	top: .28em;
}

.LinkBlockBulk {
	display: inline-block;
	width: auto;
	white-space: nowrap;
	padding: 0 .825em;
	border: 1px solid rgba(101, 60, 172, 1);
	font-weight: 500;
	line-height: 2.65;
	text-align: center;
	text-decoration: none;
}

.LinkBlock:hover, .LinkBlockBulk:hover {
	opacity: .55;
}

.LinkBlockBack {
	position: relative;
	display: block;
	top: auto;
	margin-top: -6px;	
	padding: 0 .625em 0 2.25em;
	width: 13em;
	border: 0px;
	left: 0;
	text-align: left;
	font-size: 100%;
	line-height: 2.65;
	text-transform: none;
	font-weight: 500;
}

.LinkBlockBack::before {
	content:"< ";
	left: .75em;
	top: .5em;
	font-size: 130%;
	font-weight: normal;	
}

.LinkBlockAbo {
	top: 265px;
}	

	@media screen and (max-width: 991px) {
		
		.LinkBlock {
			margin-bottom: 20px;
			position: relative;
			top: 0;
			display: inline-block;
			float: right;
			font-size: 95%;
		}
		
		.LinkBlockBack {
			position: relative;
			top: 0;
			margin-top: 0;
			display: inline-block;
			float: none;
		}
		
	}
	
	@media screen and (max-width: 767px) {
		
		.LinkBlock {
			float: none;
		}
		
	}


/* Buttons */

input.Button,input.ButtonBold,a.ButtonBold {
	padding: 9px 16px 9px 16px;	
	border: 1px solid transparent !important;
	color: var(--white);
	cursor: pointer;
	font-size: .975rem;
	letter-spacing: .025em;
	border-radius: .38725em;
	background: var(--primary);
	text-decoration: none;
	transition: all 200ms ease;
}

input.ButtonBold,a.ButtonBold {
    font-weight: 500;
}
	
input.ButtonSmall,a.ButtonSmall {
	display: inline-block;
	transform: translateY(-1px);
    font-size: 90%; 
	padding: 6px 12px 6px 12px;
}	

input.Button:hover,input.ButtonBold:hover,a.ButtonBold:hover {
	opacity: .7;
}	
	
.ButtonGrey,	
input.ButtonGrey,
input.ButtonGreyBold {
	background:#CECECE !important;
	padding:7px 20px 7px 20px;	
	border-color:#CECECE !important;
	color: var(--white);
	cursor:pointer;
}

.ButtonDarkGrey,
input.ButtonDarkGrey,
input.ButtonDarkGreyBold {
	background:#808080 !important;
	padding:7px 20px 7px 20px;	
	border-color:#808080 !important;
	color: var(--white);
	cursor:pointer;
}


input[type="submit"]:hover {
	opacity: .75;
}

input.ButtonSave {
	background-color: var(--primary);
}

.ButtonTable {
	display: inline-block;	
	padding: 6px;
	border: 1px solid rgba(219,190,125,1);
	font-weight: 600;
	text-decoration: none !important;
	background-color: var(--white);	
}

.ButtonTable:hover {
	opacity: .7;
}


/* ---------------------------------------------------
   CONTENTS
   --------------------------------------------------- */	

#Content {
	position: relative;
	padding: 0 0 30px 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1490px;
	text-align: left;
}
	
/* Breadcrumb */

.Pfad {	
	margin-bottom: 22px;
	padding: 12px 0 0 2px;
	font-size: .95rem;
	color: var(--grey);
}
	
.Pfad a {
	color: var(--grey);
	text-decoration: none;
}	
	
.Pfad a:hover {
	text-decoration: underline;
}	

	@media screen and (max-width: 991px) {
		
		.Pfad {
			font-size: 14px;
			margin-bottom: 15px;
		}
		
	}

	@media screen and (max-width: 767px) {
		
		.Pfad {
			margin-bottom: 10px;
		}
		
	}
	
	
/* Diverses */

#Content p {
	line-height: 1.3555;
}

#Content p.Link a {
	margin-left:2px;
	border:1px solid #E55C29;
	padding:6px 10px 7px 8px;
	text-decoration:none;
	font-weight:bold;
}
	
#Content p.Link a:hover {
	opacity: .7;
	text-decoration:underline;
}	

p.Legende {
	font-size: .9rem;
	font-weight: 400;
	color: var(--blue);
	padding: 0 0 10px 0;
	margin-top: -1rem;
	text-align:right;
}
	
p.Legende::before {
	content: ' ';
	display: inline-block;
	margin-right: 6px;
	width: 16px;
	height: 16px;
	background: url(/img/admin/info-circle-blue.svg) center center no-repeat;
    background-size: auto;
	background-size: 100% auto;
	transform: translateY(3px);
}
	
p.Legende span {
	color: var(--red);
	font-size: .975rem;
	font-weight: 600;
}

p.Legende.NoIcon::before {
	display: none;
}
	
	@media screen and (max-width: 991px) {
		
		p.Legende {
			margin-top: 30px;
			text-align: left !important;
		}
		
	}
	
p.Notice {
	margin-top: 26px;
	margin-bottom: 16px;
}
	
p.Notice::before {
	content: ' ';
	display: inline-block;
	margin-right: .5em;
	width: 1.1765em;
	height: 1.1765em;
    background-size: auto;
	background-size: 100% auto;
}
	
p.Notice.TextOrange::before {
	background: url(/img/admin/exclamation-triangle-orange.svg) center center no-repeat;
	transform: translateY(3px);
}
	
p.Notice.TextBlue::before {
	background: url(/img/admin/info-circle-blue.svg) center center no-repeat;
	transform: translateY(3px);
}
	
p.Notice.TextGrey::before {
	display: none;
}

table p.Notice {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 85%;
}	

.Bildunterschrift {
	 margin: 0px 0px 5px 0px;
}




.WrapSelections {
	display: flex;
	flex-direction: row;	
}

.WrapSelections .TopicsContainer {
	flex: 0 0 540px;	
}

.WrapSelections .SelectionContainer {
	border-left: 1px dotted var(--border-grey); 
	margin-left: 16px; 
	padding-left: 16px;
}

.WrapSelections .WrapSelectionItem {
	margin-bottom: 8px;
	margin-right: 4px;
	display: inline-block;
}

.WrapSelections .SelectionItem {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	padding: 6px 8px 6px 12px;
	border-radius: 30px;
	border: 1px solid var(--border-grey);
	background-color: rgb(234, 249, 255);		
}

.WrapSelections .SelectionItem a.Delete:hover {
	opacity: .7;
}

.WrapSelections .SelectionItem a.Delete img {
	display: block;
	margin-left: .5em;
	width: 20px;
	height: auto;
}


	@media screen and (max-width: 1100px) {
		
		.WrapSelections {
			flex-direction: column;	
		}
		
		.WrapSelections .TopicsContainer {
			flex: 0 0 auto;	
		}
		
		.WrapSelections .SelectionContainer {
			margin: 10px 0 0 0;
			padding: 12px 0 0 0; 
			border-top: 1px dotted var(--border-grey); 
			border-left: 0;

		}
		
	}
	
	
	@media screen and (max-width: 767px) {
		
		.WrapSelections .ButtonBold {
			margin-top: 12px;
			margin-bottom: 6px;
		}
		
		
	}	
	
/* ---------------------------------------------------
   SEARCH
   --------------------------------------------------- */
   
#Search {
	position:absolute;
	top:20px;
	right:0;
}	
	
#Search p.Label {
	float:left;
	padding:5px 0 0 0;
	width:110px;
	font-weight:600;
}	
	
#Search p.Label02 {
	float:left;
	padding:5px 0 0 0;
	width:80px;
	background:none;
}		

#Search p.Field {
	float:left;
	width:170px;
	height:29px;
	background:none;
}

#Search p.Field .InputSearch {
	border:1px solid #E55C29;
	padding:4px 3px 4px 3px;
	height:15px;
	width:160px;
}

#Search p.Field02 {
	float:left;
	width:90px;
	height:29px;
	background:none;
}	
	
#Search p.Field02 .InputNummer {
	border:1px solid #E55C29;
	padding:4px 3px 4px 3px;
	height:15px;
	width:80px;
}	

#Search p.Button {
	float:left;
	margin:0 0 5px 0;
	padding:0px 0 0 5px;
	width:30px;
	height:26px;
	background:none;	
}
	
	
.SearchContainer {
	/* float:right; */ 
	/* width:600px; */ 
	width:auto;
	position:relative; 
	z-index:2
}	
	
.SearchContainer .SearchForm {
	/* float:right; */ 
	margin: 10px 2px 0 0;
}
	
.SearchContainer .FieldContainer {
	display: block;
	position: relative;
	overflow: hidden;
}	
	
.SearchContainer .FieldContainer .SearchField {
	width: 400px; 
	padding: 12px 60px 12px 12px; 
	margin-right: 8px;
}
	
.SearchContainer .FieldContainer > div {
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
	background: rgba(219,190,125,1);
}
	
.SearchContainer .FieldContainer > div .SearchIcon {
	width: auto;
	height: 90%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);	
	border: 0;
	padding: 20%;
	border: none !important
}
	
.SearchContainer .FieldContainer > div .SearchIcon:hover {
	opacity: .7;
}		
	
.SearchContainer .SearchDropdown {
	float:right; 
	width: 750px; 
	position:absolute; 
	top: 63px; 
	right: -2px; 
	background-color: var(--white); 
	border:1px solid #000000; 
	padding: 50px 12px 12px 17px; 
	margin-right: 3px; 
	/* -webkit-box-shadow: 2px 2px 3px 1px #ccc; 
	-moz-box-shadow: 2px 2px 3px 1px #ccc; 
	box-shadow: 2px 2px 3px 1px #ccc; */
}
	
.SearchContainer .SearchDropdown .LinkClose {
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
	height: 48px;
}	

.SearchContainer .SearchDropdown .LinkClose a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(/admin/img/icon_close.png) center center no-repeat;
	background-size: 15px auto;
}
	
.SearchContainer .SearchDropdown .LinkClose a:hover {
	opacity: .7;
}	

.SearchContainer .SearchDropdown .LinkAll {
	text-align: center;
	padding: 10px 0;
}	
	
.SearchContainer .SearchDropdown .LinkAll a {
	display: inline-block;
	border: 1px solid #d4101c;
	padding: 7px 12px;
	text-decoration: none;
}

.SearchContainer .SearchDropdown .LinkAll a:hover {
	opacity: .7;
}	
	
.SearchContainer .SearchResults {
	width:100%; 
	margin: 0 0 12px 0; 
	border-top: 1px dotted #ddd;
}

.SearchContainer .SearchResults tr:hover {	
	background: var(--grey-lightest);	
}
	
.SearchContainer .SearchResults tr.notActive td  {
	color: var(--grey-medium);
}	
	
.SearchContainer .SearchResults td {
	border-bottom: 1px dotted var(--border-grey-light); 
	padding: 3px 0 2px 0;
	vertical-align: middle;
	line-height: 1.2;
}	
	
.SearchContainer .SearchResults td.SearchResultActions {
	text-align:right;
	border-bottom: 1px dotted #ddd;
	padding: 4px 0 1px 0;
}
	
.SearchContainer .SearchResults .LinkEdit,
.SearchContainer .SearchResults .LinkClone {
	float:none !important; 
	display:inline-block !important;
}
	
	
/* ---------------------------------------------------
   FILTER
   --------------------------------------------------- */
   
#Filter {
	float:right;
}		
	
#Filter p.Label {
	float:left;
	width:74px;
	padding:7px 0 0 0;
}		

#Filter p.Field {
	float:left;
	padding:2px 0 0 0;
	height:29px;
	background:none;
}
	
#Filter p.Field select {
	margin:0 0 0 10px;
	padding:5px 3px 5px 1px;
	width:330px;
}	

#Filter p.Button {
	float:left;
	padding:4px 0 0 5px;
	width:30px;
	height:26px;
	background:none;	
}	
	
	
/* ---------------------------------------------------
   TABLES
   --------------------------------------------------- */
  
table {
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
  
.RowSpace td {
	height: 1px;
	background-color: transparent !important;
}

	
/* Table: Overview */

table.Overview  {
	margin-top: 10px;
	width: 100%;
	font-size: .975rem;
	background: var(--white);
	border-bottom: 1px dotted var(--border-grey);
}
	
table.OverviewBorder  {
	border-top: 1px solid var(--border-grey);
}	

table.Overview th  {
	padding: 12px 10px 10px 8px;
	font-weight: 500;
	font-size: 95%;
    background: var(--grey-light);
    border-top: 1px solid var(--border-grey-lighter);
    color: var(--grey);
}	
	
table.Overview th.NoBorder  {
	border-top: none;
}

table.Overview tr:nth-child(2n) {
  background-color: var(--grey-lightest);
}

table.Overview tr:hover  {
	background-color: rgb(231, 248, 255)
	/* background-color: rgb(255, 255, 242); */
}

table.Overview th a  {
	text-decoration-line: underline;
	text-decoration-style: dotted;
}

table.Overview th a:hover  {
	opacity: .7;
}
	
table.Overview tr td  {
	border-top: 1px solid var(--border-grey);
	padding: 10px 10px 10px 8px;
}
	
table.Overview tr.Titel td  {
	padding: 16px 10px 16px 8px;
	font-weight: 600;
	font-size: .975rem;
	border-top: 1px solid var(--white);	
	background: var(--grey-lighter);
}	
	
table.Overview tr.Titel td.LinkExpand  {
	text-align: right;
}	
	
table.Overview tr.Abstand td  {
	height:26px;
	border-top: none;
}		
	
table.Overview tr.Aufgeklappt td  {
	background:url(/img/admin/bg_aufgeklappt.gif) top left repeat-x;
}				

table.Overview tbody.Closed {
	display:none;
}

table.Overview tr.Texte td  {
	padding: 10px 10px 10px 8px;
	vertical-align: top;
	border-top: 1px dotted var(--border-grey);
}	
	
table.Overview tr.TexteGrau td  {
	vertical-align: top;
	color: var(--grey);
	border-top: 1px dotted var(--border-grey);
	opacity: .7;
}	
	
table.Overview tr.Texte td.Thumbnail  {
	padding-top: 5px;
	padding-bottom: 5px;
}	

table.Overview tr.Texte td.Thumbnail .ImgContainer  {
	position: relative;
	cursor: zoom-in;
}

table.Overview tr.Texte td.Thumbnail .ImgContainer .ImgLarge {
	background-color: #fff;
}
	
table.Overview tr.Texte td.Thumbnail .ImgContainer .ImgLarge img {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 50%;
	width: 150px;
	height: auto;
	z-index: 1000;
	border: 1px solid #ccc;
	background-color: #fff;
	transform: translateY(-50%);
	transition: opacity 0.2s ease 0.15s;
}

table.Overview tr.Texte td.Thumbnail .ImgContainer:hover .ImgLarge img {
	visibility: visible;
	opacity: 1;
}

table.Overview tr.TexteGrau td.Thumbnail  {
	opacity: 1;
}

table.Overview tr.TexteGrau td.Thumbnail .ImgContainer .ImgSmall  {
	opacity: .7;
}
	
table.Overview tr.Texte td.IconView  {
	border-top: none;
}		
	
table.Overview tr.Texte td.Bullet  {
	padding-left: 24px;
	line-height: 17px;
	background:url(/img/admin/bullet.gif) 6px 14px no-repeat;
}		
	
table.Overview tr td.IconView  {
	vertical-align:top;
	border-top:1px solid var(--border-grey);
	padding:7px 0 7px 2px;
}		
	
table.Overview tr td.IconView a.Open,table.Overview tr td.IconView a.Close  {
	display:block;
	margin:0;
	width:21px;
	height:22px;
}	
	
table.Overview tr td.IconView a.Open {
	background: url(/img/admin/icon_pfeil_ausklappen.gif) top left no-repeat;
}	
	
table.Overview tr td.IconView a.Close {
	background: url(/img/admin/icon_pfeil_einklappen.gif) top left no-repeat;
}			

table.Overview tr td.IconAktionen  {
	padding: 3px 7px 7px 6px;
	margin: 0;
	vertical-align: top;
	white-space: nowrap;
}	

table.Overview tr td.IconAktionen div  {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	flex-grow: 240px;
}	
	
table.Overview tr td div.IconAktionenInline  {
	display: inline-block;
	vertical-align: middle;
	padding: 0 6px 0 6px;
	white-space: nowrap;
}	

table.Overview tr td div.IconAktionenInline a.LinkView, 
table.Overview tr td div.IconAktionenInline a.LinkPreview, 
table.Overview tr td div.IconAktionenInline a.LinkEdit,
table.Overview tr td div.IconAktionenInline a.LinkDelete, 
table.Overview tr td div.IconAktionenInline a.LinkAdd, 
table.Overview tr td div.IconAktionenInline a.LinkSend {
	margin-top: -3px;
}
	
table.Overview tr td .IconCheck {
	margin-top: 0;
}

table.Overview tr td .IconEmpty {
	margin-top: 0;
}	
	
table.Overview	tr td.IconTransfer {
	width:200px;
}

table.Overview	tr td.IconTransfer span {
	padding:0 0 0 36px;
	background:url(/img/admin/icon_transfer.gif) top left no-repeat;
	white-space:nowrap;
}

table.Overview	tr td a {
	color: inherit;
	text-decoration-line: underline;
	text-decoration-style: dotted;
}
	
table.Overview	tr td a:hover {
	opacity: .7;
}
	
		
/* Table: Edit */

table.Edit  {
	margin-top: 10px;
	width: 100%;
	font-size: 13px;
	border-bottom: 1px solid var(--border-grey-lighter);
	font-size: .975rem;
	line-height: 19px;
}

	
table.Edit tr.EditHead th,
.ListHead {
	padding: 50px 0 24px 0;
	border-top: 1px solid var(--border-grey-lighter);
	vertical-align: top;
	background: transparent;
	font-weight: 600;
	font-size: 135%;
	color: var(--black);
}

table.Edit thead:first-of-type tr.EditHead th {
	padding: 0 0 24px 0;
	border-top: none;
}
	
.ListHead {
	font-size: 125%;
	padding-bottom: 12px;
}	

table.Edit tr.EditHead a.LinkPreview, 
table.Edit tr.EditHead a.LinkDelete, 
table.Edit tr.EditHead a.LinkAdd {
	display:inline-block;
	float:none;
}

table.Edit tr.EditHead th p.Legende {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}	


table.Edit .EditParHead td {
	vertical-align: middle;
	color:#929292;
	background-color: #e6e6e6 !important;
	text-transform: uppercase;
	letter-spacing: .075em;
	padding: 20px 10px 17px 10px !important;
	font-weight: bold;
	font-size: 105%;
	border-top: 8px solid var(--white) !important;
	border-bottom: 1px solid transparent !important;
}

table.Edit .EditParHead td .ButtonBold {
	margin-top: -6px;
	margin-bottom: -6px;
	text-transform: none;
}

table.Edit tr.ButtonNewPar td {
	background-color: var(--white);
	border-bottom: none;
	border-top: none;
}
	
table.Edit tr td {
	padding: 12px 10px 12px 8px;
	vertical-align: top;
	color: var(--black);
	background: var(--grey-lightest);
	border-top: 1px solid var(--border-grey-lighter);
}		
	
table.Edit tr td .TextTipp  {
	margin-top: 2px;
	margin-bottom: 10px !important;
	}	
	
table.Edit tr td select {
	margin: 0;
	padding: 3px;
	width: 630px;
	height: 34px;
	border: 1px solid #ccc;
	background-color: var(--white);
}	
	
table.Edit tr td input.Text {
	margin: 0;
	padding: 6px 3px 6px 4px;
	width: 88%;
	border: 1px solid #ccc;
}	
	
table.Edit tr td input.TextMedium {
	margin: 0;
	padding: 6px 3px 6px 4px;
	width: 265px;
	border: 1px solid #ccc;
}
	
table.Edit tr td input.TextMini {
	margin: 0;
	padding: 6px 3px 6px 4px;
	width: 121px;
	border: 1px solid #ccc;
}	
	
table.Edit tr td textarea {
	margin: 0;
	padding: 6px 3px 6px 4px;
	width: 88%;
	height: 120px;
	border: 1px solid #ccc;
}	

table.Edit tr td #ArticleNotice {
	height:50px;
}

table.Edit tr td.Label {
	width:250px;
	padding-top:18px;
	padding-bottom: 18px;
	color: #5b5b5b;
}


table.Edit tr td .Toplabel	{
	display: inline-block; 
	margin-top: 5px;
	margin-bottom: 6px;
}
		
table.Edit tr td.Label span {
	color: #C72E70;
	font-size: .975rem;
	font-weight: 600;
}

table.Edit tr td.Field .disabled span {
	opacity: .35;
}	

table.Edit tr td.Field p {
	margin: 6px 0 0 0;
}		
	
table.Edit tr td.Field .ArtikelListung {
	position: relative; 
	margin: 0 0 12px 0;
	padding: 0 150px 14px 0px; 
	border-bottom: 1px dotted #ccc;
}		
	
table.Edit tr td.Field .ArtikelListung .LinkPos {
	position:absolute; 
	top:0;
	right:10px;
}	
	
table.Edit tr td.Functions {
	padding:30px 10px 30px 6px;
	text-align: center;
}

table.Edit tr td.Functions > div.submit {
	display: inline-block;
}		
	
table.Edit tr td.Functions .ButtonBold,
table.Edit tr td.Functions .Button {
	padding: .95em 1em; 
	line-height: 1; 
	font-size: 120%;
	letter-spacing: .025em;
	font-weight: 500;
	background-color: var(--secondary);
	border-color: var(--secondary) !important;
}

table.Edit tr td.Functions .ButtonDarkGrey {
	padding: .625em 1em; 
	line-height: 1; 
	font-size: 100%;
	letter-spacing: .025em;
	font-weight: 500;
	background-color: #808080;
	border-color: #808080 !important;
}

table.Edit tr.SpecialColor01 {
	background-color: rgb(243, 247, 253);
}

table.Edit tr.SpecialColor01 td {
	background-color: transparent;
}

 table.Edit tr td.Field iframe {
	 margin-bottom: 20px;
	 height: 40px;
	 max-width: 100%;
} 
 
 table.Edit tr td.Field .WrapRadio {
	 display: inline-block;
	 float: left;
	 padding:5px 28px 0 0;
}

 table.Edit tr td.Field .UploadContainer {
	 padding-top: 4px;
	 border-top: 1px dotted var(--border-grey);	 
}  

 table.Edit tr td.Field .ListFiles {
	list-style-type: square;
	margin: 0 0 0 16px;
}

 table.Edit tr td.Field .ListFiles li {	
	padding: 8px;
	margin-bottom: 8px;
	background-color: #fff;
	border: 1px dashed var(--border-grey);
}

 table.Edit tr td.Field .ListFiles li:nth-child(1) {
	margin-top: 20px;
}

 table.Edit tr td.Field .custom-badge-state {
	margin-top: 0;
	margin-left: 6px;
	transform: translateY(-3px);
	font-size: 85%;
 }
 
table.Edit tr td.Field .Divider {
  margin-top:22px; 
  padding-bottom:9px;
  border-top: 1px dotted var(--border-grey);
}


	@media screen and (max-width: 767px) {
		table.Edit tr td.Functions .ButtonBold,
		table.Edit tr td.Functions .Button {margin: 8px !important;}
	}




/* Table: File Upload [iframe] */

#BodyFileUpload,
.BodyFileUpload {
	background: var(--grey-lightest);
}


table.Edit.UploadFile {
	margin: 0; 
	border: 0;
}

table.Edit.UploadFile .Field {
	padding: 0; 
	border: 0; 
}

table.Edit.UploadFile .Field .InnerWrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: top;
}

table.Edit.UploadFile .Field input[type="file"] {	 
	padding: 4px 0 4px 4px;
	background: #fff;
	margin: 0 10px 10px 0;
}

table.Edit.UploadFile .Field input[type="submit"] {	 
	margin: 0; 
	padding: 9px 6px 8px 6px; 
	width: 200px;
}

table.Responsive tr td.Field input[type=text].SizeXXS {
	margin: 0;
	padding: 6px 3px 6px 4px;
	width: 30px !important;
	border: 1px solid #ccc;
}

table.Responsive tr td.Field input[type=text].SizeXS {
	margin: 0;
	padding: 6px 3px 6px 4px;
	width: 50px !important;
	border: 1px solid #ccc;
}

table.Responsive tr td.Field input[type=text].SizePLZ {
	margin: 0;
	padding: 6px 3px 6px 4px;
	width: 80px !important;
	border: 1px solid #ccc;
}


/* Table: Edit: TinyMCE */

 table.Edit tr td.Field .tox-editor-container iframe {
	 height: 100% !important;
} 

	@media screen and (max-width: 992px) {
		table.Edit tr td.Field .tox-tinymce {width: 100% !important; max-width: 100% !important);}
		table.Edit tr td.Field .tox-tinymce .tox-edit-area iframe {height: 100% !important);}
	}



/* Table: View */

table.Edit.View tr td.Field {
	padding-top: 17px;
	font-size: 1rem;
}


	@media screen and (max-width: 991px) {
		
		table.Edit thead:first-of-type tr.EditHead th p.Legende {
			text-align: right !important;
			margin-top: 0 !important;
		}

	}
	
	
	@media screen and (max-width: 767px) {
		
		table.Responsive {
			display: block;
		}
		
		table.Responsive thead,
		table.Responsive tbody  {
			display: block;
		}
		
		table.Responsive tr {
			display: block;
			width: 100% !important;
		}
		
		table.Responsive tr td {
			display: block;
			width: 100% !important;
			overflow: hidden;
		}
		
		table.Responsive tr td.IconAktionen div {
			padding-right: 0;
			padding-bottom: 10px;
		}
		
		table.Responsive tr td.Field input[type=text],
		table.Responsive tr td.Field select,
		table.Responsive tr td.Field textarea,
		table.Responsive tr td.Field .cke_skin_kama {
			width: 100% !important;
			max-width: 100%;
		}
		
		table.Responsive tr td.Field .cke_skin_kama {
			width: 100% !important;
		}		
		
		.RowSpace td {
			height: 30px;
		}
		
		
		
		/* Table: Overview */
		
		table.Overview.Responsive {
			font-size: 100%;
		}

		table.Overview.Responsive tr  {
			width: 100%;
			display: block;
		}
		
		table.Overview.Responsive tr th {
			display: none;
		}		
		
		table.Overview.Responsive th:nth-child(1) {
			width: 40px !important;
		}
		
		table.Overview.Responsive th:nth-child(2) {
			width: 40vw !important;
		}
		
		table.Overview.Responsive tr td {
			width: 100%;
			display: block; 
			background-color: var(--grey-lightest);
			border-top-width: 0 !important;
		}		
		
		table.Overview.Responsive tr td::before {
			content: attr(data-label);
			display: block;
			padding-bottom: 2px;
			font-size: .9rem;
			color: var(--grey);
			font-weight: 400;
		}
		
		table.Overview.Overview tr td.IconAktionen div {
			flex-wrap: wrap;
		}
		
		table.Overview.Responsive tr.Texte td,
		table.Overview.Responsive tr.TexteGrau td {
			padding: 2px 10px 6px 8px;
		}
				
		table.Overview.Responsive tr td:nth-child(1) {
			padding-top: 4px !important;
			font-weight: 500;
			border-top: 1px solid var(--border-grey-lighter) !important;
		}
		
		
		/* Table: Edit */

		table.Edit tr.EditHead th, .ListHead {
			display: block;
			padding: 0 0 24px 0;
			margin: 0;
			width: 100%;
			border: none;
			font-size: 125%;
			line-height: 1.222;
		}

		table.Edit tr.EditHead th:nth-child(1) {
			padding-top: 30px;
			padding-bottom: 18px;
			border-top: 1px solid var(--border-grey-lighter);
		}
		
		table.Edit thead:first-of-type tr {
			display: flex;
			justify-content: space-between;
		}
		
		table.Edit thead:first-of-type tr th {
			width: auto;
		}
		
		table.Edit thead:first-of-type tr.EditHead th p.Legende {
			margin-top: 0 !important;
			text-align: right;
		}
		
		
		table.Edit tr.EditHead th p.Legende {
			margin-top: 10px !important;
			margin-bottom: -12px !important;
			text-align: right !important;
		}
		
		table.Edit tr {
			position: relative;
		}

		table.Edit tr .Status.Help {
			position: absolute;
			top: 4px;
			right: 10px;
			width: 22px;
			height: 22px;
		}
		
		table.Edit tr td {
			border: none;
		}
		
		table.Edit tr > td.Label {
			padding-top: 10px;
			padding-bottom: 0;
			border-top:  1px solid var(--border-grey-lighter);
		}
		
		table.Edit tr > td.Field {
			position: relative;
			padding-top: 10px;
			padding-bottom: 25px;
		}
		
		table.Edit.Responsive tr td.Icons {
			padding: 0 !important;
			border: none !important;
		}
		
		table.Edit.Responsive tr td.Icons:before {
			display: none;
		}
		
		 table.Edit.Responsive tr td.Field iframe {
			 height: 90px;
		 } 
						
		table.Edit.Responsive tr td.Field .WrapRadio {
			 display: block;
			 float: none;
			 padding:5px 4px 2px 0;
		} 
		
		table.Edit.Responsive tr td.Functions {
			padding: 20px 10px 20px 10px;
			text-align: center;
			border-top: 1px solid var(--border-grey-lighter);
		 }
		 
		 table.Edit.Responsive tr td textarea {
			min-height: 100px;
		}
		
		table.Edit tr td.Functions .ButtonBold,
		table.Edit tr td.Functions .Button {
			font-size: 110%;
		}
		 
		 		
		/* Table: Upload File */		

		table.Edit.UploadFile .Field .InnerWrap {
			/* flex-direction: column; */
		}

	}


/* Auf-/Zuklappen von Tabellenreihen */

.ToolbarView {
	margin:28px 0px 0px 4px;
	border:0;
	padding:0;
}

.ToolbarView p {
	margin:0;
	border:0;
	padding:0;
}

.ToolbarView p.Open, #Content div.ToolbarView p.Close {
	display:block;
	margin-top:5px;
	width:21px;
	height:22px;
	overflow:hidden;
	float:left;
}

.ToolbarView p.Close {
	margin-left:8px;
}

.ToolbarView p.Open a, #Content div.ToolbarView p.Close a {
	display:block;
	width:21px;
	height:22px;
	background-position:top;
	overflow:hidden;
}

.ToolbarView p.Open a {
	background-image:url(/img/admin/icon_pfeil_alle-ausklappen.gif);
}

.ToolbarView p.Close a {
	background-image:url(/img/admin/icon_pfeil_alle-einklappen.gif);
}
	

/* ---------------------------------------------------
   TOP LINK
   --------------------------------------------------- */

.Top {
	width: 100%; 
	font-size: 95%; 
	text-align: right;
	margin: 20px 0 20px 0;
	padding: 20px 2px 0px 0;
	line-height: 17px;
}	
	
.Top a {
	text-decoration: underline;
}
	
.Top a:hover {
	opacity: .7;
}

.Top a {
	display: inline-flex;	
	align-items: center;
}

.Top a::after  {
	content: ' ';
	display: block;
	margin-left: 12px; 
	width: 30px;
	height: 30px;
	border-radius: .38725em;
	background: url(/img/admin/arrow-up-short-white.svg) center center no-repeat, var(--primary);
	background-size: 80% auto;	
}

.Top a:hover {
	opacity: .7;
}	

/* ---------------------------------------------------
   MESSAGES
   --------------------------------------------------- */

.Success {
	margin: 10px 0 36px 0;
	padding: 9px 12px 8px 42px;
	overflow:hidden;
	border-radius: 12px;
	border: 1px solid #1c7a1f3b;
	background: url(/img/admin/check-circle-green.svg) 12px 10px no-repeat, #D6F9D6;
	background-size: 20px auto;
}

.Success p {
	margin:0;
	border:0;
	font-size:17px;
	color: var(--green);
}

.Warning {
	margin: 10px 0 36px 0;
	padding: 9px 12px 8px 42px;
	overflow:hidden;
	border-radius: 12px;
	border: 1px solid #ff752270;
	background: url(/img/admin/exclamation-triangle-orange.svg) 12px 10px no-repeat, #ffefe5;
	background-size: 20px auto;
}

.Warning p {
	margin:0;
	border:0;
	font-size:17px;
	color: var(--orange);
}

.Error {
	margin: 10px 0 36px 0;
	padding: 9px 12px 8px 42px;
	overflow: hidden;
	border-radius: 12px;
	border: 1px solid #c2487c5c;
	background: url(/img/admin/exclamation-octagon-red.svg) 12px 10px no-repeat, #FFE6F1;
	background-size: 20px auto;
}

.Error p {
	margin:0;
	border:0;
	height:auto;
	font-size:17px;
	font-weight: 400;
	line-height: 1.333;
	color: var(--red);
}

.Error p strong {
	font-weight: 600;
}

.Info {
	margin: 10px 0 36px 0;
	padding: 9px 12px 8px 42px;
	overflow:hidden;
	border-radius: 12px;
	border: 1px solid #1652e142;
	background: url(/img/admin/info-circle-blue.svg) 12px 10px no-repeat, #f0f5fb;
	background-size: 20px auto;
}

.Info p {
	margin:0;
	border:0;
	height:auto;
	font-size:17px;
	font-weight: 400;
	line-height: 1.333;
	color: var(--blue);
}


/* ---------------------------------------------------
   LAYER / LIGHTBOX
   --------------------------------------------------- */

#container_dialog  {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	width:500px;
	padding:20px 0 30px 0;
	background-color:var(--white);
	border:1px solid #E55C29;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

#container_dialog div {
	text-align:center;
	margin:10px 0 10px 0;
}


#lightbox {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	border: 0;
	padding: 0;
	background: var(--border-grey-light);
	opacity: .8;
	z-index: 78;
}

.farbeImgThumb {
	display:inline-block;
	width:31px;
	height:26px;
	overflow:hidden;
	margin:0 12px 0 38px;
	vertical-align:middle;
	border:1px solid #E55C29;	
}

.farbeImgContainer {
	display:inline-block;
	position:relative;
}

.farbeImgContainer a {
	text-decoration:none;	
}

.farbeImgContainer a:hover  {
	color:#ccc;
	text-decoration:underline;
}

.farbeImgContainer .farbeImgThumb img {
	vertical-align:middle;
}

.farbeImgContainer .farbeImgThumbEmpty {
	display:inline-block;
	width:31px;
	height:26px;
	overflow:hidden;
	margin:0 12px 0 38px;
	vertical-align:middle;
	border:1px solid #ccc;
}
	
.uploadPopup {
	position:absolute;
	top:0px;
	left:-40px;
	border:1px solid #ccc;
	width:620px;
	height:27px;
	background-color:#ededed;
	z-index:77;
	overflow:hidden;
	padding:20px 0 20px 70px;
	-webkit-box-shadow: 5px 5px 10px #ccc;
	-moz-box-shadow: 5px 5px 10px #ccc;
	box-shadow: 5px 5px 10px #ccc;
}

.dateTimeField select {
    width: 100px !important;
    margin-right: 2px !important;
    margin-left: 2px !important;
}

.dateTimeField #NewsletterSendDateDay, .dateTimeField #NewsletterSendDateHour, .dateTimeField #NewsletterSendDateMin {
    width: 50px !important;
}

.dateTimeField #NewsletterSendDateDay {
     margin-left: 0px !important;
}

.dateTimeField #NewsletterSendDateYear {
    width: 66px !important;
    margin-right: 18px !important;
}
	


/* ---------------------------------------------------
PAGINATION
--------------------------------------------------- */

.PaginationContainer {
	text-align: center;	
	margin-top: 2rem;
}

.PaginationContainer .Pagination {
	display: inline-flex;
	flex-wrap: wrap;
}

.PaginationContainer .Pagination li {
	margin: 6px 3px;
	min-width: 2rem;
}

.PaginationContainer .Pagination li > a,
.PaginationContainer .Pagination li > span {
	display: block;
	height: 100%;
	padding: 4px;
	text-decoration: none;
	line-height: 1.444;
	border-radius: 6px;
	border: 1px solid transparent;
}

.PaginationContainer .Pagination li a:hover {
	background-color: rgb(242, 251, 255);
	border-color: rgb(242, 251, 255);
	text-decoration: underline;
	background-color: var(--primary);
	border-color: var(--primary);
	color: var(--white);
	text-decoration: none;
}

.pager-current span {	
	font-weight: 500;
	color: var(--white);
	background-color: var(--black);
}

.pager-ellipsis{
	padding: 6px 0px;
	line-height: 1;
}

.pager-next a,
.pager-last a,
.pager-first a,
.pager-previous a {
	border-color: var(--primary) !important;
}



/* ---------------------------------------------------
   SEO MASK
   --------------------------------------------------- */
p .Icons {}
p .Icons span {display: block; margin-top: 5px; margin-bottom: 8px;}

.Status{
	width: 30px;
	height: 30px;
	background-size: 100% auto;
	 display: none;
}

.Status1{
	background-image: url(/img/admin/icon_green.png);
	display: block;
}

.Status2{
	background-image: url(/img/admin/icon_orange.png);
	display: block;
}

.Status3{
	background-image: url(/img/admin/icon_red.png);
	display: block;
}

.Status.Help {
	margin-top: 5px;
	width: 25px;
	height: 25px;
	display: block;
	background: url(/img/admin/icon_help.png) center center no-repeat, var(--primary);  
	background-size: 100% auto;
	cursor: pointer;
	border: 1px solid var(--primary);
	border-radius: 4px;
}

.Status.Help:hover{
	opacity: .7;
}

#bar{
	margin-top: 20px;
	width: 350px;
	height: 20px;
	border: 1px solid darkgray;
}

.sichtbar{
	display: none;
}

#opt_hilfe {
}

#opt_hilfe span {
	cursor: pointer;
	padding: 5px 8px;
	font-weight: 500;
	color:#2d5ec8;
	font-size: .975rem;
	display: inline-block;
	background-color:#e0e9fd;
	border: 1px solid #bccdf2;
}
	
#opt_hilfe span:hover  {
	opacity: .7;
}

#process{
	width: 0%;
	max-width: 348px;
	margin: 1px;
	height: 18px;
	background: green;
	display: none;
}

#hilfe_popup{
	width: 320px;
	border: 1px solid var(--border-grey-light);
	/* border-radius: 5px; */
	padding: 12px;
	background-color: var(--white);
	border-radius: 6px;
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.175);
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.175);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.175);
	-o-box-shadow: inset 0px 3px 8px 0px rgba(0,0,0,0.175);
}  

#hilfe_popup p {
	padding: 0;
	margin: 0;
}

#hilfe_popup b {
	font-weight: 500;
}

#hilfe_popup small {
	font-size: 90%;
}

#close_popup {
	margin-top: -2px;
	margin-right: -2px;
	float: right;
	width: 30px;
	height: 30px;
}

#close_popup:before {
	display: inline-block;
	padding: 0 6px;
	transform: translateY(-8px);
	content: '⨯';
	font-size: 185%;
	line-height: 1;
	color: var(--primary);
}

#close_popup b {
	display: none;
}

#close_popup:hover {
	cursor: pointer;
	opacity: .7;
}

#hilfe_popup_text{
	text-align: left;
}

#opt_hilfe_slide{ 
	margin: 12px 0 0 0;
	padding: 15px;
	background-color: #f8f5ff;
}

#key_word_dialog  {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	width:500px;
	padding:20px 0 30px 0;
	background-color:var(--white);
	border:1px solid #000;
	font-size:13px;
	text-align:center;
}


	@media screen and (max-width: 991px) {
		
		#hilfe_popup {
			left: auto !important;
			right: 50px !important;
		}
		
	}
	
	
	
	


/* ---------------------------------------------------
CONTENT SEARCH & FILTERS
--------------------------------------------------- */

.custom-position-relative {
	width: auto;
	position: relative;
}

.custom-inline-flex {
	display: inline-flex;
}

.custom-icon-link {
	display: inline-flex;
}

.custom-icon-link img {
	margin-right: 6px;
}

.custom-icon-link:hover {
	opacity: .6;
}



.custom-content-search {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 46px;
}

.custom-content-search .custom-wrap-search,
.custom-content-search .custom-wrap-filter  {
	display: flex;
	flex-wrap: wrap;
}

.custom-content-search .custom-wrap-search {
	margin-right: 10px;
}

.custom-content-search .custom-wrap-search .custom-search {
	width: 20em;
	padding-left: 2.25em !important;
	padding-right: 2em !important;
	margin-bottom: 10px;
	height: 2.25em;
	background-image: url(/img/admin/search-grey.svg);
	background-size: 1.125em auto;
	background-repeat: no-repeat;
	background-position: .625em center;
	background-color: var(--grey-lightest);
}

.custom-content-search .custom-wrap-search .custom-search:focus {
	background-color: var(--white);
}

.custom-content-search .custom-wrap-search .custom-search.custom-state-active {
	height: calc(2.25em - 2px);
	border: 2px solid var(--black);
}

.custom-content-search .custom-wrap-search .custom-search.custom-state-active:focus {	
	border-width: 1px;
	height: 2.25em;
}


.custom-content-search .custom-wrap-filter select.custom-select {
	padding: .45em;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 2.25em;
	background-color: var(--grey-lightest);
}


.custom-content-search .custom-wrap-filter select.custom-state-selected {	
	background-color: var(--light-grey-01);
	border: 2px solid var(--black);
	padding-top: calc(.45em - 1px);
	padding-right: calc(2.5em - 2px);
	padding-bottom: calc(.45em - 1px);
	padding-left: calc(.5em - 1px);
}

.custom-content-search .custom-wrap-filter select.custom-state-selected:focus {	
	border-width: 1px;
	padding: .45em 2.5em .45em .45em;
}

.custom-content-search .custom-wrap-btn .ButtonBold {	
	padding-left: 12px; 
	padding-right: 12px;
	font-size: 87%;
}


.custom-content-search .custom-wrap-reset {
	flex-basis: 100%;
	margin-top: 10px;
}


	@media screen and (max-width: 991px) {
		
		.custom-content-search {
			padding-bottom: 0;
		}
		
	}

	@media screen and (max-width: 767px) {
		
		.custom-content-search .custom-wrap-btn {
			padding-right: 20px;
		}
		
		.custom-content-search .custom-wrap-reset {
			flex-basis: auto;
		}
		
	}



/* ---------------------------------------------------
 ELEMENTS
--------------------------------------------------- */

/* Colors */

:root {
	--semantic-pink: 			#e5007d;
	--semantic-bg-pink: 		#fce5f2;
	--semantic-blue:			rgba(0,105,209,1);
	--semantic-bg-blue:			rgba(224,237,249,1);
	--semantic-green: 			rgba(28, 122, 31, 1);
	--semantic-bg-green: 		#D6F9D6;
}

.custom-semantic-color-highlight {color: var(--semantic-pink); background-color: var(--semantic-bg-pink);}
.custom-semantic-color-info 	 {color: var(--semantic-blue); background-color: var(--semantic-bg-blue);}
.custom-semantic-color-success   {color: var(--semantic-green); background-color: var(--semantic-bg-green);}

	
/* BADGES +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
								
.custom-badge-state				{display: inline-block; padding: .5em .625em; font-weight: 500; font-size: 80%; text-align: center; border-radius: 20px; line-height: 1; white-space: nowrap;}

table .custom-badge-state		{margin-top: -.25em; margin-bottom: -.5em;}


@media screen and (max-width: 767px) {

	table .custom-badge-state							{margin-top: 0; margin-bottom: 0;}
	
}