@font-face {
  font-family: 'icons';
  src:  url('/project/layout/fonts/icons/icons.eot?64s9yl');
  src:  url('/project/layout/fonts/icons/fonts/icons.eot?64s9yl#iefix') format('embedded-opentype'),
    url('/project/layout/fonts/icons/icons.woff2?64s9yl') format('woff2'),
    url('/project/layout/fonts/icons/icons.ttf?64s9yl') format('truetype'),
    url('/project/layout/fonts/icons/icons.woff?64s9yl') format('woff'),
    url('/project/layout/fonts/icons/icons.svg?64s9yl#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

html 		{min-height: 100%;height: 100%}
body		{-webkit-appearance: none;-webkit-text-size-adjust: none;min-height: 100%;height: 100%;}

/*ul, li		{list-style-type: none; margin: 0px; padding: 0px;}*/

img			{max-width:100%;height:auto}

a			{text-decoration: none;}

/* Standardformatierungen */

.hidden																		{display: none}
.noselect																	{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.jsOn *[onclick]:not([onclick=""])											{cursor: pointer}
.jsOff .scriptOn															{opacity: 0.5;pointer-events: none;}
.disabled																	{opacity: 0.5;}
strong, .strong, .bold														{font-weight: bold}

/* Rahmenlayout Inhaltsbereich (Bühne) */
#stage																		{box-sizing: border-box;position: relative;z-index: 1;}
#stage > header																{background-color: #FFF;padding: 16px 40px;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);box-sizing:border-box;position:fixed;width:calc(100% - 250px);z-index:999;}
#stage > header:after														{content:'';clear: both;display: block;overflow: hidden;}
#stage > header #breadcrumb													{float:left;width:calc(100% - 250px);padding-left:60px;box-sizing:border-box;position:relative;user-select:none;}
#stage > header #breadcrumb:before											{content:"\f14e";font-family:"icons";font-size:30px;margin-right:15px;position:absolute;top:4px;left:0}
#stage > header #breadcrumb ul												{margin: 0;padding: 0;list-style: none}
#stage > header #breadcrumb ul li											{margin: 0;padding:0 0 0 35px;display: inline-block;position:relative}
#stage > header #breadcrumb ul li:not(:first-of-type):before				{content:"\f105";font-family:"icons";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:20px;margin-top:-2px;}
#stage > header #breadcrumb ul li:first-of-type								{padding-left: 0;}
#stage > header #breadcrumb ul li a											{text-decoration:none;text-transform:normal;color:#999999;display:block;line-height:34px;}
#stage > header #profile													{float: right;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#stage > header #profile .user												{line-height: 34px;padding-left:20px;position: relative;color: #333333;font-weight:normal}
#stage > header #profile .user:before										{content: '';height: 8px;width: 1px;background:#333333;position: absolute;top:13px;left: 3px;transform:rotate(-45deg)}
#stage > header #profile .user:after										{content: '';height: 8px;width: 1px;background:#333333;position: absolute;top:13px;left: 8px;transform:rotate(45deg)}
#stage > header #profile .picture											{width: 34px;height: 34px;float: right;margin-left: 10px;background-size: cover;border-radius: 50%}
#stage > header #profile ul													{margin: -10px 0 0 0;padding: 15px 20px;list-style: none;position:absolute;right:40px;background:#333;border-radius:5px;visibility:hidden;opacity:0;transition:all 0.12s;}
#stage > header #profile ul li:not(:last-child)								{margin-bottom:5px;}
#stage > header #profile ul li a											{color:#fff;text-decoration:none;display:block;}
#stage > header #profile.open ul											{visibility:visible;opacity:1;margin:5px 0 0 0;}
#stage > header #profile.open .user:before									{left: 8px;}
#stage > header #profile.open .user:after									{left: 3px}

#stage > main																{box-sizing: border-box;display: block}


/* BORDER */
hr																			{margin: 2em 0;clear: both;border:none;border-top: 1px solid rgba(0, 0, 0, 0.20)}
.border																		{border: 1px solid rgba(0, 0, 0, 0.20)}
.border-top																	{border-top: 	1px solid rgba(0, 0, 0, 0.20)}
.border-right																{border-right:	1px solid rgba(0, 0, 0, 0.20)}
.border-bottom																{border-bottom: 1px solid rgba(0, 0, 0, 0.20)}
.border-left																{border-left:	1px solid rgba(0, 0, 0, 0.20)}
.border-x																	{border-left:	1px solid rgba(0, 0, 0, 0.20);border-right:1px solid rgba(0, 0, 0, 0.20)}
.border-y																	{border-top:	1px solid rgba(0, 0, 0, 0.20);border-bottom:1px solid rgba(0, 0, 0, 0.20)}
.border-top-0																{border-top: 	none !important}
.border-right-0																{border-right:	none !important}
.border-bottom-0															{border-bottom: none !important}
.border-left-0																{border-left:	none !important}

/* Schriften */
h1, .h1																		{color:#333333;text-transform:normal;font-family: inherit;font-weight: 400;margin:0 0 20px 0;font-size:1.8rem;}
h2, .h2																		{color:#333333;text-transform:normal;font-family: inherit;font-weight: 400;margin:0 0 20px 0;font-size:1.4rem;}
h3, .h3																		{color:#333333;text-transform:normal;font-family: inherit;font-weight: 400;margin:0 0 20px 0;font-size:1.2rem;}
h4, .h4																		{color:#333333;text-transform:normal;font-family: inherit;font-weight: 400;margin:0 0 20px 0;font-size:1.2rem;}
h5, .h5																		{color:#333333;text-transform:normal;font-family: inherit;font-weight: 400;margin:0 0 20px 0;font-size:1.1rem;}
h6, .h6																		{color:#333333;text-transform:normal;font-family: inherit;font-weight: 400;margin:0 0 20px 0;font-size:1rem;}

h1:first-child, .h1:first-child,
h2:first-child, .h2:first-child,
h3:first-child, .h3:first-child,
h4:first-child, .h4:first-child,
h5:first-child, .h5:first-child,
h6:first-child, .h6:first-child												{margin-top:0;}


/* MARGIN */
.m																			{margin: 2.5em !important}
.mt																			{margin-top:	2.5em !important;}
.mr																			{margin-right:	2.5em !important;}
.mb																			{margin-bottom: 2.5em !important;}
.mb-05																		{margin-bottom: 1.0em !important;}
.ml																			{margin-left:	2.5em !important;}
.ml-05																		{margin-left:	0.5em !important;}
.mx																			{margin-left:	2.5em !important;margin-right: 2.5em !important;}
.my																			{margin-top:	2.5em !important;margin-bottom:2.5em !important;}
.m-0																		{margin:		0.0em !important;}
.mt-0																		{margin-top:	0.0em !important;}
.mr-0																		{margin-right:	0.0em !important;}
.mb-0																		{margin-bottom: 0.0em !important;}
.ml-0																		{margin-left:	0.0em !important;}
.mx-0																		{margin-left:	0.0em !important;margin-right: 0.0em !important;}
.my-0																		{margin-top:	0.0em !important;margin-bottom:0.0em !important;}
.mt-2																		{margin-top:	5.0em !important;}
.mr-2																		{margin-right:	5.0em !important;}
.mb-2																		{margin-bottom: 5.0em !important;}
.ml-2																		{margin-left:	5.0em !important;}
.mx-2																		{margin-left:	5.0em !important;margin-right: 5.0em !important;}
.my-2																		{margin-top:	5.0em !important;margin-bottom:5.0em !important;}

/* PADDING */
.p																			{padding: 30px 25px !important}
.pt																			{padding-top:		2.5em !important;}
.pr																			{padding-right:		2.5em !important;}
.pb																			{padding-bottom: 	2.5em !important;}
.pl																			{padding-left:		2.5em !important;}
.px																			{padding-left:		2.5em !important;padding-right: 2.5em !important;}
.py																			{padding-top:		2.5em !important;padding-bottom:2.5em !important;}
.p-0																		{padding:			0.0em !important;}
.pt-0																		{padding-top:		0.0em !important;}
.pr-0																		{padding-right:		0.0em !important;}
.pb-0																		{padding-bottom: 	0.0em !important;}
.pl-0																		{padding-left:		0.0em !important;}
.px-0																		{padding-left:		0.0em !important;padding-right: 0.0em !important;}
.py-0																		{padding-top:		0.0em !important;padding-bottom:0.0em !important;}
.pt-2																		{padding-top:		5.0em !important;}
.pr-2																		{padding-right:		5.0em !important;}
.pb-2																		{padding-bottom: 	5.0em !important;}
.pl-2																		{padding-left:		5.0em !important;}
.px-2																		{padding-left:		5.0em !important;padding-right: 5.0em !important;}
.py-2																		{padding-top:		5.0em !important;padding-bottom:5.0em !important;}

/* FLOATS */
.float-left																	{float: left;}
.float-right																{float: right;}
.float-clear																{clear: both;}

.align-center																{text-align: center}
.align-left																	{text-align: left}
.align-right																{text-align: right}

/* COLUMNS */
.columns																	{margin-bottom:2.5em;}
[class*="columns-"]															{margin-bottom:2.5em;margin-left: -20px;margin-right: -20px;}
[class*="columns-"]:after													{content:'';display:block;height:0;clear: both;overflow: hidden;}
[class*="columns-"][data-adjust-height="1"] > .column > .inner				{height:100%;}
[class*="columns-"] > .column												{float: left;box-sizing: border-box;width: 100%;padding-left: 20px;padding-right: 20px;}
[class*="columns-"] > .column > *:last-child								{margin-bottom: 0}

[class*="columns-"][data-adjust-height="1"] > div > .box,
[class*="columns-"][data-adjust-height="1"] > div > fieldset				{height:100%;}

[class*="columns-"][class*="line"] >  .column								{border-left: 1px solid #C2C2C2}
[class*="columns-"][class*="line"] >  .column:first-child,
[class*="columns-2"][class*="line"] > .column:nth-child(2n+1),
[class*="columns-3"][class*="line"] > .column:nth-child(3n+1),
[class*="columns-4"][class*="line"] > .column:nth-child(4n+1),
[class*="columns-5"][class*="line"] > .column:nth-child(5n+1)				{border-left: 0}

[class*="columns-1"] > .column												{width:100%;}
[class*="columns-2"] > .column												{width: 50%;}
[class*="columns-3"] > .column												{width: 33.33%;}
[class*="columns-4"] > .column												{width: 25%;}
[class*="columns-5"] > .column												{width: 20%;}

[class*="columns-2"] > .column:nth-child(2n+1),
[class*="columns-3"] > .column:nth-child(3n+1),
[class*="columns-4"] > .column:nth-child(4n+1),
[class*="columns-5"] > .column:nth-child(5n+1)								{clear: left;}

[class*="columns-2"] > .column:nth-child(1n+3),
[class*="columns-3"] > .column:nth-child(1n+4),
[class*="columns-4"] > .column:nth-child(1n+5),
[class*="columns-5"] > .column:nth-child(1n+6)								{margin-top: 40px;}

@media only screen and (max-width: 1300px) {
	[class*="columns-5"] > .column											{width: 50%;}
	[class*="columns-5"][class*="line"] > .column:nth-child(2n+1)			{border-left: 0}
	[class*="columns-5"] > .column:nth-child(1n+3)							{margin-top: 40px;}
	
	[class*="columns-4"] > .column											{width: 50%;}
	[class*="columns-4"][class*="line"] > .column:nth-child(2n+1)			{border-left: 0}
	[class*="columns-4"] > .column:nth-child(1n+3)							{margin-top: 40px;}
}

@media only screen and (max-width: 1024px) {
	[class*="columns-3"] > .column											{width:50%;clear: none !important;border-left: 0 !important}
	[class*="columns-3"] > .column:nth-child(1n+3)							{margin-top: 40px;}
}

/*
@media only screen and (max-width: 1023px) {
[class*="columns-"] > .column												{width: 100% !important}
[class*="columns-"] > .column:nth-child(1n+2)								{margin-top: 40px;}
[class*="columns-"][class*="line"] >  .column								{border-left: none}
}
*/

/* WIDTH */
.width-25																	{width: 25% !important}
.width-30																	{width: 30% !important}
.width-33																	{width: 33.33% !important}
.width-40																	{width: 40% !important}
.width-50																	{width: 50% !important}
.width-60																	{width: 60% !important}
.width-66																	{width: 66.66% !important}
.width-70																	{width: 70% !important}
.width-75																	{width: 75% !important}

.maxXS																		{max-width: 400px;}
.maxS																		{max-width: 540px;}
.maxM																		{max-width: 768px;}
.maxL																		{max-width: 1024px;}
.maxXL																		{max-width: 1920px;}

/* BOXES */
.box																		{padding: 30px 25px;box-sizing: border-box;}
.box:after																	{content:'';display:block;height:0;clear: both;overflow: hidden;}
.box > *:last-child															{margin-bottom: 0}
.box > header																{margin: -30px -25px 30px -25px;background: #B8B8B8;height: auto;min-height:63px;padding: 13px 15px 14px 25px;color: #fff;font-size: 24px;overflow: hidden;box-sizing: border-box}
.box.p-0 > header															{margin:0}
.box > header > h1, .box > header > h2, .box > header > h3,
.box > header > h4, .box > header > h5, .box > header > h6					{margin-bottom: 0;color: #FFF}
.bgBlack > header															{background: #1a1a1a}
.bgDark > header															{background: #1a1a1a}
.bgDanger > header															{background: #d72e22}
.bgWarning > header															{background: #f6aa24}
.bgInfo > header															{background: #2897b2}
.bgSuccess > header															{background: #3c9740}
.bgError > header															{background: #d72e22}
.box > header *.ml															{margin-left: 14px !important}

/* Hintergründe */
.bgWhite																	{background-color:#FFFFFF !important;color:#909090 !important}
.bgBlack																	{background-color:#000000 !important;color:#ffffff !important}
.bgBlack h1, .bgBlack h2, .bgBlack h3, .bgBlack h4, .bgBlack p				{color:#ffffff} 
.bgDark																		{background-color:#2d2d2d !important;color:#ffffff !important}
.bgDark h1, .bgDark h2, .bgDark h3, .bgDark h4, .bgDark p					{color:#ffffff} 
.bgDanger																	{background-color:#f7412d !important;color:#ffffff !important}
.bgDanger h1, .bgDanger h2, .bgDanger h3, .bgDanger h4, .bgDanger p			{color:#ffffff} 
.bgWarning																	{background-color:#fdc101 !important;color:#ffffff !important}
.bgWarning h1, .bgWarning h2, .bgWarning h3, .bgWarning h4, .bgWarning p	{color:#ffffff} 
.bgInfo																		{background-color:#4487ce !important;color:#ffffff !important}
.bgInfo h1, .bgInfo h2, .bgInfo h3, .bgInfo h4, .bgInfo p					{color:#ffffff} 
.bgSuccess																	{background-color:#46b04b !important;color:#ffffff !important}
.bgSuccess h1, .bgSuccess h2, .bgSuccess h3, .bgSuccess h4, .bgSuccess p	{color:#ffffff} 
.bgError																	{background-color:#f7412d !important;color:#ffffff !important}
.bgError h1, .bgError h2, .bgError h3, .bgError h4, .bgError p				{color:#ffffff} 

/* SYSTEM ALERTS */
#systemAlerts																{position: fixed;left: 5%;top: 0;width: 90%;z-index:9000}
#systemAlerts > div															{background-color:#333333; color:#FFFFFF; margin: 0px 0px; padding: 15px 25px 15px 55px; cursor: pointer; position: relative; border-radius:0 0 8px 8px;font-weight:bold;position:relative;}
#systemAlerts > div:before													{content:"\f0f3";font-family:"icons";margin-right:20px;font-size:20px;position:absolute;left:25px;top:13px}

#systemAlerts .bgDanger:before												{content:"\e605"; font-family: 'desinfecta' !important;}
#systemAlerts .bgWarning:before												{content:"\e839"; font-family: 'desinfecta' !important;}
#systemAlerts .bgInfo:before												{content:"\e83d"; font-family: 'desinfecta' !important;}
#systemAlerts .bgSuccess:before												{content: "\e866"; font-family: 'desinfecta' !important;}
#systemAlerts .bgError:before												{content:"\e803"; font-family: 'desinfecta' !important;}

/* TABLE */
table.default																{width:100%;border-spacing: 0;border-collapse: separate;background:#fff;border-bottom:none !important;/*margin-left:0 !important;margin-right:0 !important;*/margin:0 0 30px 0;}
table.default tr															{}
table.default th															{padding:12px 25px !important;border-bottom:none !important;}
table.default td															{padding: 10px 10px 10px 25px!important;border-bottom:none !important;height: 56px;}
table.default td.nowrap														{white-space:nowrap}
table.default th:last-child,															
table.default td:last-child													{text-align:right}
table.noFloatRight th, table.noFloatRight td								{text-align:left !important;}
table.default th:first-child,															
table.default td:first-child													{text-align:left}
table.default th															{text-align: left;font-weight: bold;background-color: rgba(0, 0, 0, 0.15);text-transform:normal}
table.default td															{color:#666666;background:#fff}
table.default tbody tr:nth-child(even) td									{background-color: rgba(0, 0, 0, 0.04)}

h2 + .dataTables_wrapper													{margin-top:-44px;}
.dataTables_wrapper															{}
.dataTables_wrapper > .mb-2													{margin-bottom:16px !important}
.dataTables_wrapper > .dataTables_length									{float:right;margin-bottom:20px;margin-left:40px;color:#999}
.dataTables_wrapper > .dataTables_length select								{-webkit-appearance:none;background:#fff;height:30px;border-radius:0;padding:0 25px 0 15px;border:none;margin:0 5px;font-size:1rem;color:#999}
.dataTables_wrapper > .dataTables_filter									{float:right;margin-bottom:20px;color:#999}
.dataTables_wrapper > .dataTables_filter input								{border: 1px solid #ccc !important;margin-left: 10px !important;height: 36px;}
.dataTables_wrapper > .dataTables_filter input:focus						{border-bottom: 2px solid #606060;}
.dataTables_wrapper .dataTables_info										{color:#999; margin-left: 30px;}
.dataTables_wrapper .dataTables_paginate									{margin-right: 30px;}

/* Verhindert eine zu breite Darstellung der Tabelle während des Ladeprozesses */
table.dataTable tbody tr td:first-of-type[colspan] ~ td:empty				{display: none}

/* responsive Datatables */
table.dataTable tbody tr.child ul.dtr-details								{margin: 0;padding: 0;list-style: none;display: table;}
table.dataTable tbody tr.child ul.dtr-details li							{display: table-row}
table.dataTable tbody tr.child ul.dtr-details li > span						{display: table-cell}
table.dataTable tbody tr.child ul.dtr-details li > span.dtr-title			{padding-right: 10px;}
table.dataTable tbody tr.child ul.dtr-details li > span.dtr-title:after		{content: ':';}
table.dataTable tbody tr.child ul.dtr-details li > span.dtr-data			{font-weight: normal}
table.dataTable tbody tr.child ul.dtr-details li > span.dtr-data:empty:after		{content: '-';}

table.dataTable.collapsed tbody tr[role="row"] td.dtr-control				{position: relative;padding-left: 35px !important;cursor: pointer;}
table.dataTable.collapsed tbody tr[role="row"] td.dtr-control:before		{content: "";position: absolute;left:16px;top:50%;background-color: #69a3c0;width: 3px;height:7px;transform: translate(0px, -4px) rotate( 45deg);}
table.dataTable.collapsed tbody tr[role="row"] td.dtr-control:after			{content: "";position: absolute;left:19px;top:50%;background-color: #69a3c0;width: 3px;height:7px;transform: translate(0px, -4px) rotate(-45deg);}
table.dataTable.collapsed tbody tr[role="row"].parent td.dtr-control:before	{transform: translate( 3px, 0px) rotate( 45deg)}
table.dataTable.collapsed tbody tr[role="row"].parent td.dtr-control:after	{transform: translate(-3px, 0px) rotate(-45deg)}


/* PROGRESS BAR*/
.progress																	{display:table;width:100%}
.progress > div																{display:table-cell;vertical-align:middle}
.progress .progress-label													{padding:0 20px 0 0;font-size:1.3rem;}
.progress .progress-bar														{width:100%;}
.progress .progress-bar-inner												{background:#ddd;height:5px;width:100%;border-radius:4px;overflow:hidden;}
.progress .progress-bar-inner-current										{background:#333;height:5px;width:0;border-radius:4px;transition: width 0.8s ease;color: #FFF;text-align: center;font-size: 10px;font-weight:bold;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;}
.progress .progress-bar-inner-current span									{display:none;}
.progress .progress-actions													{text-align:right;}

/* BESCHREIBUNGSLISTE */
dl.default																	{padding:0;margin:0;}
dl.default dt																{float:left;width:50%;border-top:1px solid #ddd;padding:15px 10px 15px 0;margin:0;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;clear:left;}
dl.default dd																{float:left;width:50%;border-top:1px solid #ddd;padding:15px 0 15px 10px;margin:0;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}
dl.default dt:first-of-type													{border-top:none;padding-top:0;}
dl.default dd:first-of-type													{border-top:none;padding-top:0;}
dl.default dt:last-of-type													{padding-bottom:0;}
dl.default dd:last-of-type													{padding-bottom:0;}


/* FORMULAR */
form fieldset																{padding: 30px 25px;box-sizing: border-box;background-color:#FFFFFF;border:none;/*box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.10);*/margin-bottom: 0em;transition:all 0.12s}
form fieldset:hover															{/*box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.2)*/}

form dl																		{padding:0;margin:0;}
form dt																		{padding:0;margin:0;}
form dd																		{padding:0;margin:0 0 1em 0;overflow:hidden;}
form dd:last-of-type														{margin:0;}

form dt label																{margin-bottom:5px;display:block;}


button:hover,
button:focus,
.button:hover,
.button:focus																{outline-style: none;}

input,
textarea																	{font-size:1rem;}

/* Bugfix Safari: Wenn Input vom Typ date ohne Wert stellt Safari als Placeholder das heutige Datum da, was deshalb ausgeblendet wird */
input[type="date"][value=""]::-webkit-datetime-edit	{opacity: 0}

button.outline																{border:2px solid #333;background:transparent !important;color:#333}
button.bgError:before														{content:"\f05e";font-family:"icons";transform:scale(1.9);display:inline-block;font-weight:normal;margin-right:10px;}
button.bgSuccess:before														{content:"\f058";font-family:"icons";transform:scale(1.9);display:inline-block;font-weight:normal;margin-right:10px;}

form fieldset dl input:read-only											{color: #C0C0C0 !important;}
form fieldset dl textarea													{min-height:100px;width:100%;box-sizing:border-box;padding:15px;border:1px solid #ccc !important;border-radius:0;line-height:120%;}

fieldset .formElementButton 												{float: right;}
fieldset .formElementSelect 												{box-shadow:none !important;display:block;}
fieldset > h3 																{}
fieldset.formButtons  														{background:none;box-shadow:none !important;padding:0}
fieldset.formButtons dd 													{float:right;margin-left:10px;margin-bottom:0}

.formElementHidden															{display: none}
.formElement.formElementCheckbox label										{display: inline-block}
.formElement.formElementCheckbox label:not(:first-child)					{margin-left:10px;}

.uploadCompleted > span														{display: block}
.uploadCompleted > span > div														{display: block; float: right; text-decoration: underline;}

/* ICONS */
button span																	{display:none;}

.icon:before																{font-family:"icons";position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak: none;font-style: normal;font-style:normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;}
.i-trash-o:before 															{content: "\f014";}
.i-pencil:before 															{content: "\f040";}																			
.i-unsorted:before 															{content: "\f0e0";}