/* Minification failed. Returning unminified contents.
(241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,20): run-time error CSS1030: Expected identifier, found '>'
(305,22): run-time error CSS1031: Expected selector, found ')'
(305,22): run-time error CSS1025: Expected comma or open brace, found ')'
(1153,20): run-time error CSS1030: Expected identifier, found '>'
(1153,22): run-time error CSS1031: Expected selector, found ')'
(1153,22): run-time error CSS1025: Expected comma or open brace, found ')'
(1797,7): run-time error CSS1030: Expected identifier, found '>'
(1797,58): run-time error CSS1031: Expected selector, found ')'
(1797,58): run-time error CSS1025: Expected comma or open brace, found ')'
 */

/*
 * Syncfusion-Anpassungen unabhängig vom Medium (nicht in screen.css oder so, damit auch in Print-Version und auf handheld sichtbar)
 */

ul.office2007blue,
ul.office2007silver,
ul.office2007black,
ul.vista,
ul.marble,
ul.midnight,
ul.vs2010
{
	padding: 0 0 2px 0 !important;
}

/* verhindern, dass die Gridfilter so komisch gerendert werden */

.Syncfusion-Grid-Core .FilterBarCell,
.Syncfusion-Grid-Core .FilterBarCellDisabled
{
	padding: 0 1px 0 3px !important;
	height: 23px !important;
	overflow: hidden;
}

.Syncfusion-Grid-Core .RowCell.BulkEditCell input,
.Syncfusion-Grid-Core .RowCell.BulkEditCell select
{
	width: 100% !important;
	margin: 0 !important;
}

.Syncfusion-Grid-Core .FilterBarCell input
{
	width: 100% !important;
	margin: 0 0 0 -2px !important;
}


.Syncfusion-Grid-Core .ScrollOn
{
	overflow: auto !important;
	overflow-x: auto !important;
	overflow-y: auto !important;
}
	

.sfOffice2007Blue .ui-dialog .ui-dialog-titlebar
{
	padding: .2em 1em !important;
	height: 20px !important;
}


.Syncfusion-Grid-Core,
.schedule_Blue,
ul.office2007blue a
{
	font-family: inherit !important;
}

.sf-right-align
{
	text-align: right;
}

.sf-center-align
{
	text-align: center;
}


.sf-bold,
.sf-matchcode
{
	font-weight: bold;
}
	
	

.ui-widget-content,
.ui-widget input,
.Syncfusion-Grid-Core,
.schedule_Office2007Blue,
.schedule_Office2007Black,
.schedule_Office2007Silver,
.schedule_Vista,
.schedule_Midnight,
.schedule_Sandune,
.schedule_VS2010,
.schedule_Blend,
.schedule_Almond,
.schedule_Blueberry,
.schedule_Olive,
.schedule_Turquoise,
.schedule_Marble,
.schedule_Monochrome
{
	font-family: inherit !important;
	font-size: inherit !important;
}

.FilterBarCellDisabled,
tr.FilterBar th.TopRightCell
{
	background-image: none !important;
}

.Syncfusion-Grid-Office2007Blue .FilterBarCellDisabled,
.Syncfusion-Grid-Office2007Blue tr.FilterBar th.TopRightCell
{
	background-color: #DEECFF !important;
}

.Syncfusion-Grid-Office2007Black .FilterBarCellDisabled,
.Syncfusion-Grid-Office2007Black tr.FilterBar th.TopRightCell
{
	background-color: #F0F1F2 !important;
}

.Syncfusion-Grid-Office2007Silver .FilterBarCellDisabled,
.Syncfusion-Grid-Office2007Silver tr.FilterBar th.TopRightCell
{
	background-color: #F0F1F2 !important;
}


.Syncfusion-Grid-Vista .FilterBarCellDisabled,
.Syncfusion-Grid-Vista tr.FilterBar th.TopRightCell
{
	background-color: #C7E9E9 !important;
}

.Syncfusion-Grid-Midnight .FilterBarCellDisabled,
.Syncfusion-Grid-Midnight tr.FilterBar th.TopRightCell
{
	background-color: #2E2E2E !important;
}

.Syncfusion-Grid-Sandune .FilterBarCellDisabled,
.Syncfusion-Grid-Sandune tr.FilterBar th.TopRightCell
{
	background-color: #F3EDDD !important;
}

.Syncfusion-Grid-VS2010 .FilterBarCellDisabled,
.Syncfusion-Grid-VS2010 tr.FilterBar th.TopRightCell
{
	background-color: #B6BDCE !important;
}

.Syncfusion-Grid-Blend .FilterBarCellDisabled,
.Syncfusion-Grid-Blend tr.FilterBar th.TopRightCell
{
	background-color: #414141 !important;
}

.Syncfusion-Grid-Marble .FilterBarCellDisabled,
.Syncfusion-Grid-Marble tr.FilterBar th.TopRightCell
{
	background-color: #E4E4E4 !important;
}


#Tagesansicht .ViewStripCont,
#Wochenansicht .ViewStripCont
{
	display: none;
}

#Wochenansicht td.cellHover
{
	opacity: 0; /* Double-Click-Text unsichtbar (lässt sich ja nich übersetzen) */
}

#Tagesansicht td.cellHover
{
	opacity: 0; /* Double-Click-Text unsichtbar (lässt sich ja nich übersetzen) */
}

.sfMarble .ui-widget-content a,
.sfMarble .ui-widget-content a:hover,
.sfMarble .ui-widget-content a:link,
.sfMarble .ui-widget-content a:visited
{
	/* das hier funktioniert noch nicht ... */
	color: inherit !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	font-style: inherit !important;
}

.Syncfusion-Grid-Core .HeaderCell
{
	height: 1.5em !important;
}


.Syncfusion-Grid-Core .RowCell,
.Syncfusion-Grid-Core .EmptyCell,
.Syncfusion-Grid-Core .HeaderCell,
.Syncfusion-Grid-Core .HeaderCellHover
{
	height: auto !important;
	padding: 0.1em 0.2em !important;
	line-height: 1.2em !important;
}
	
/*
.schedule_Blue .WorkCellDown, .schedule_Blue .WorkCellUp 
{
	background-color: #66A8ff !important; 
}

	
.schedule_Blue .AppointmentContentCell, .schedule_Blue .AppointmentTextBox
{
	background-color: #BFD5EF !important; 
}
*/

.schedule_Blue .WorkCellDown.BusinessHour,
.schedule_Blue .WorkCellUp.BusinessHour
{
	background-color: #ffffff !important;
}
/*
	M3Web-Design: Basis-Seiten-Struktur 
	(Anordnung, Größe, Hintergrund und Verhalten der einzelnen Bereiche)

	- wird nach bootstrap.css geladen
*/

/*#region Variablen-Ersetzung*/

/*also see CSSVariables.css*/

/*TODO use correct standard values for theme*/
:root {
    --primary-background-color: rgba(0,0,0,0);
    --secondary-background-color: #0468B1;
    --accent-background-color: #E31418;
    --primary-color: #000;
    --secondary-color: #fff;
    --accent-color: #fff;
}
* { --component-primary-background-color: var(--primary-background-color);
    --component-secondary-background-color: var(--secondary-background-color);
    --component-tertiary-background-color: var(--accent-background-color);

    --component-primary-color: var(--primary-color);
    --component-secondary-color: var(--secondary-color);
    --component-tertiary-color: var(--accent-color);

    --component-primary-border: 1px solid #0567b0;
    --component-secondary-border: 1px solid #e5e5e5;
    --component-tertiary-border: 1px solid #F18A8C;

    --component-dark-value: 10%;
    --component-darker-value: 17%;
    --component-darkest-value: 25%;

    --component-primary-mix-color: var(--primary-color);
    --component-secondary-mix-color: var(--secondary-color);
    --component-tertiary-mix-color: var(--accent-color);

    --component-button-height: 30px;
}
/*#endregion Variablen-Ersetzung*/

/* ==== Basis-Definitionen ==== */
.glimpse {
    z-index: 2147483642;
}

.hidden {
	display: none !important;
}

.tooltip {
	z-index: 2000;
}

table.dataTable .sf-right-align {
    text-align: right;
}

.dont-display,
.print-only {
	display: none;
}
.wait-cursor, .wait-cursor * {
    cursor: wait !important;
}

.block-interaction {
    pointer-events: none !important;
}

.block-interaction-recursive, .block-interaction-recursive * {
    pointer-events: none !important;
}

*.center-icons:has(>i),
table.center-icons td:has(>i) {
    text-align: center;
    vertical-align: middle;
}

.highlightCell,
.highlight {
	background-color: #fdfc8b;
}

.hidden-text,
.hidden-text *,
.hidden-text a {
	color: transparent !important;
	text-decoration: none !important;
	background: none !important;
	cursor: default !important;
	text-shadow: none;
	border: 0;
}

	.hidden-text:hover,
	.hidden-text a:hover {
		color: rgba(0, 0, 0, 0.2) !important;
	}

.fixed-header #header,
.fixed-top {
	top: 0;
	z-index: 1031;
}

.fixed-bottom {
	bottom: 0;
	z-index: 1030;
}



@media (min-width: 768px) and (min-height: 480px) {
	.fixed-header #header,
	.fixed-bottom,
	.fixed-top {
		margin-bottom: 0;
		position: fixed;
		right: 0;
		left: 0;
	}
}


.central-content {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

body.not-responsive #wrap,
body.not-responsive #footer {
	min-width: 1024px;
}

@media (min-width: 1024px) {
	body.not-responsive .hidden-desktop {
		display: none;
	}
}

body.not-responsive .visible-desktop + .hidden-desktop {
	display: none;
}

@media (min-width: 768px) and (min-height: 480px) {
	.central-content {
		margin-top: 75px;
		margin-bottom: 40px;
	}
}

@media (max-width: 1055px) {
	.row-fluid.desktop-only > [class*=span] {
		float: none;
		margin: 0;
		margin-bottom: 20px;
		width: 100%;
	}
}



.scrollable-x,
.scrollable-x-tablet,
.scrollable-x-desktop,
.scrollable-x-phone {
	/* für .inner muss min-width festgelegt werden, ab dem scrollbalken erscheint */
	overflow-x: auto;
	overflow-y: visible;
}

	.scrollable-x > .inner,
	.scrollable-x-tablet > .inner {
		min-width: 890px; /* 980-rand (rand = 2x20padding + 2x20margin + 2x5border = 90) */
	}

	.scrollable-x-desktop > .inner {
		min-width: 1110px; /* 1200-rand */
	}

	.scrollable-x-phone > .inner {
		min-width: 678px; /* 768-rand */
	}

.scrollable-y {
	overflow-y: visible;
	max-height: 400px;
}

	.scrollable-y > .inner {
		min-height: 400px;
	}

@media (max-width: 767px) {
	.scrollable-y-phone {
		overflow-y: auto;
		max-height: 400px;
	}

		.scrollable-y-phone > .inner {
			min-height: 400px;
		}
}

.document {
	padding: 0px;
	/*box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;*/
	/* box-shadow: rgba(26, 26, 26, 0.3) 0px 0px 10px 0px;
	border: 1px solid rgba(140, 140, 140, 0.5);
	background-color: #fff;
	*/
}

#map-container {
	border-left: 5px solid #0468B1;
}


#header,
#footer {
	box-shadow: rgba(26, 26, 26, 0.4) 0px 0px 10px 0px;
}


.document-inline {
	padding: 20px;
}

hr {
	clear: both;
}

.sticked {
	z-index: 10000;
}

.strong {
	font-weight: bold;
}

html {
	/*height: 100%;*/
	overflow-y: scroll; /* Scrollbalken immer einschalten, damit layout nicht beim erscheinen/verschwinden verrutscht */
	background: #ffffff;
	height: 100%;
}


/* ==== Bootstrap-Anpassungen/Erweiterungen ==== */

button,
a,
h1,
h2,
h3,
h4,
h5 {
	text-shadow: none !important;
}

.well {
	background-color: #fcfcfc;
}

.nav-header {
	color: #7F7F7F;
	text-transform: none;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: rgba(4, 104, 177, 0.8);
	box-shadow: none;
}

.pull-right a.btn {
	margin-left: 5px;
}

.pull-left a.btn {
	margin-right: 5px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.btn,
.btn:hover,
.btn:focus {
	background-image: none;
	box-shadow: none;
}

	.btn.disabled,
	.btn[disabled] {
		opacity: 0.3;
	}


.btn-group.open .dropdown-toggle,
.nav > li > a:hover,
.nav > li > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	box-shadow: none;
	background-color: #D9E8F3;
}

.btn.active,
.btn:active {
	box-shadow: none;
}

.btn,
.btn:hover,
.btn:focus {
	border-color: #D9E8F3;
	background-color: #fff;
	color: #0468B1;
}

.table .btn {
	background-color: transparent;
	border: none;
}

.btn > span.caret {
	border-top-color: #0468B1;
}

.btn-primary > span.caret {
	border-top-color: #fff;
}

.dropup .btn > span.caret {
	border-bottom-color: #0468B1;
}

.dropup .btn-primary > span.caret {
	border-bottom-color: #fff;
}

.btn:hover,
.btn:focus {
	background-color: #D9E8F3;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
	border-color: #D9E8F3;
	background-color: #0468B1;
	color: #fff;
}

	.btn-primary:hover,
	.btn-primary:focus {
		background-color: #1FA0FE;
	}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus {
	border-color: #E31418;
}

	.btn-danger:hover,
	.btn-danger:focus {
		background-color: #FF3034;
	}

.dropdown-menu,
.popover {
	border-radius: 0;
	border: 1px solid #0468B1;
}

.modal,
.modal.fade.in {
	position: fixed;
	top: 120px;
	margin-bottom: 60px;
	z-index: 999;
}

.modal-backdrop,
.modal-backdrop.fade.in {
	z-index: 998;
	opacity: 0.3;
}

.modal.modal-large {
	width: 90%;
	left: 50%;
	margin-left: -50%;
	width: 90%; /* desired relative width */
	/*min-height: 80%;*/
	left: 5%; /* (100%-width)/2 */
	margin: auto auto auto auto; /* place center */
}

.modal-body {
	max-height: none;
}

@media (min-width: 768px) {
	.no-space > [class*="span"],
	.no-space > .row-fluid > [class*="span"],
	.fixed-space10 > [class*="span"]:first-child,
	.fixed-space10 > .row-fluid > [class*="span"]:first-child {
		margin-left: 0;
	}

	.fixed-space10 > [class*="span"],
	.fixed-space10 > .row-fluid > [class*="span"] {
		margin-left: 10px;
	}
}

legend + .control-group {
	margin-top: 0;
}

.form-horizontal .control-group.input-append {
	display: block;
}

/* ==== Leaflet-Anpassungen ==== */

/* TODO: Anpassungen nach leaflet-css laden und !important-Anweisungen wieder weg) */

.leaflet-top,
.leaflet-bottom {
	z-index: 9 !important;
}

.leaflet-popup-content-wrapper {
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
}

.leaflet-popup-content {
	margin: 10px 30px 10px 10px !important;
}

/* ==== Seiten-Struktur ==== */


.container-fluid {
	width: auto;
}

body {
	padding: 0;
}

.container,
.container-fluid {
	/* bei kleiner Auflösung kleinerer Rand */
	padding-left: 20px;
	padding-right: 20px;
}



@media (min-width: 1200px) {
	body.responsive .container,
	body.responsive .container-fluid {
		padding-left: 40px; /* 40 px müssen genügen, 80 sind zu viel*/
		padding-right: 40px;
	}
}

#page-content {
	padding-bottom: 20px;
	padding-top: 10px;
	min-height: 300px;
	min-width: 260px; /* passt genau für form-inputs */
}

@media (max-width: 767px) {
	#page-left,
	#page-bottom,
	#page-middle,
	#page-top {
		min-height: 0px;
	}
}

.collapsed-table-row {
	float: left;
}

@media (max-width: 1055px) {
	body.responsive .collapsed-table {
		display: table;
		vertical-align: middle;
		width: 100%;
	}

	body.responsive .collapsed-table-row {
		float: none;
		display: table-row;
	}

	/*.collapsed-table-row > div 	{ display: table-cell; }*/
}


/* ==== Definitionen für Sticky Footer ==== */

body.sticky-footer {
	height: 100%;
}

	body.sticky-footer #wrap {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -55px; /* Negative indent footer by it's height */
	}

@media (min-width: 768px) and (min-height: 480px) {
	.fixed-footer #push,
	#footer {
		height: 55px;
	}
}




@media (max-width: 1055px) {
	body.sticky-footer #footer /* Lastly, apply responsive CSS fixes as necessary */ {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* ==== Definitionen für Fixed Footer */

@media (min-width: 768px) and (min-height: 480px) {
	body.fixed-footer #footer {
		margin-bottom: 0;
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
	}
}

#header {
	z-index: 1010;
}

#footer {
	z-index: 1000;
}



/* Benachrichtigung bis Tablet über ganze breite anzeigen */

#notifications {
	margin: 20px 20px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 8020;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
	border-radius: 5px;
}

.alert button.close {
	display: none;
}

#notifications .alert button.close {
	display: block;
}

@media (min-width: 980px) {
	#notifications {
		top: 20px;
		right: 40px; /* links neben I-MenuIcon */
		position: fixed;
	}

	.index-page #notifications {
		top: 40px;
	}
}

@media (min-width: 1200px) {
	#notifications {
		right: 100px; /* links neben I-MenuIcon */
	}
}


#header-right {
	padding-top: 15px;
}


#logo,
#logo.brand {
	float: left;
	padding-top: 0px;
	padding-left: 0px; /* kein Rand um das Logo */
	padding-right: 0px;
	padding-bottom: 0px;
	margin-right: 20px; /* Ausgleich transparenter Bereich des Logos */
}

	#logo img {
		max-height: 36px; /* 2px Oben und Unten von den Rändern (NavBar 40px) */
        transform: translate(0%,5%);
	}

.borderround {
    border-radius: 10px
}

@media (max-width: 1055px) {
	#logo,
	#logo.brand {
		overflow: hidden;
		height: 40px;
	}

	body.responsive #header-menu.collapse {
		margin-top: -20px;
	}

		body.responsive #header-menu.collapse.in {
			margin-top: 0px;
		}

	#collapse-button {
		padding-top: 27px;
	}

		#collapse-button button {
			position: absolute;
			right: 100px;
			top: 5px;
		}

			#collapse-button button.btn-navbar {
				margin: 0;
				background: none;
			}

				#collapse-button button.btn-navbar.collapsed {
					background-color: rgba(4, 104, 177, 0.8);
				}

				#collapse-button button.btn-navbar,
				#collapse-button button.btn-navbar:hover {
					background-color: rgba(4, 104, 177, 1.0);
				}
}



/* ==== Hintergrund-Grafiken und Größe von Header und Footer ==== */

#page {
	margin-top: 0;
}

body.page-document #page {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

@media (min-width: 768px) and (min-height: 480px) {
	body.fixed-header.scrolled #header {
		box-shadow: rgba(26, 26, 26, 0.8) 0px 0px 15px 0px;
	}

	body.fixed-header #page /* !body.index-page */ {
		margin-top: 40px;
	}

	body.fixed-header.page-document #page {
		/*margin-top: 100px;*/
	}

	body.fixed-header.index-page #page {
		margin-top: 95px;
	}

	body.fixed-header.index-page.page-document #page {
		/*margin-top: 115px;*/
	}
}

#header,
#header-content {
	/*min-height: 80px;*/
}



body.index-page #header-menu {
	margin-left: 0;
}


body.index-page #menu-page {
	display: none;
}

body.index-page .index-clearfix {
	clear: both;
}

body.index-page #logo {
	clear: both;
}


#header-menu {
	/*margin-top: 40px;*/
	margin-left: 65px;
}


body.index-page #header-menu {
	margin-top: 0;
}

#header-menu ul.nav-tabs:after {
	clear: none;
}


#header-submenu {
	float: right;
}


#header {
	background-color: #0567b0;
	background-image: url('/Public/Themes/Herbstwest/images/HG-Header-Startseite-Kachel.png');
	background-position: top;
	background-repeat: repeat-x;
}


#logo h1 {
	margin: 0;
	margin-bottom: -20px;
}


	#logo h1 span {
		vertical-align: middle;
		font-style: italic;
		text-shadow: none;
		font-size: 32px;
	}

#logo a:hover {
	text-decoration: none;
}

#header-content {
	background: url('/Public/Themes/Herbstwest/images/HG-Header-Startseite.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#footer,
#footer-content {
	min-height: 55px;
}

#footer {
	background-color: #0567b0;
	background-image: url('/Public/Themes/Herbstwest/images/HG-Footer-Kachel.png');
	background-position: bottom left;
	background-repeat: repeat-x;
}


#footer-left,
#footer-right,
#footer-middle {
	padding-top: 5px;
	text-align: left;
}

@media (min-width: 768px) {
	#footer-left,
	#footer-right,
	#footer-middle {
		padding-top: 15px;
	}

	#footer-left {
		text-align: left;
	}

	#footer-right {
		text-align: right;
	}

	#footer-middle {
		text-align: center;
	}
}


@media (max-width: 767px) {
	#footer-right {
		margin-bottom: 10px;
	}
}

@media (min-width: 768px) {
	#footer-content {
		background-image: url('/Public/Themes/Herbstwest/images/HG-Footer.png');
		background-position: bottom left;
		background-repeat: no-repeat;
	}
}

/* ==== AJAX-Panel */


.ajax-panel {
	/*position: relative;*/
}

.ajax-panel-loader {
	width: 100%;
	height: 100%;
	min-height: 300px;
	position: absolute;
	top: 0;
	left: 0;
}

.ajax-panel-loader {
	text-align: center;
	z-index: 1000;
	background-color: white;
	background-image: url(/Public/Images/ActionIcons/ajax-loader-squares.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	opacity: 0.5;
}

	.ajax-panel-loader h4 {
		margin-top: 10px;
		color: #fff;
		text-align: center;
	}

/* ==== Layouts ===== */


.layout-document {
	/* max-width: 940px; */ /* tablet(980px) - 20px margin */
	margin: auto;
}


/* ==== Grids ==== */

.grid-container {
	width: 100%;
	overflow-x: auto;
}

.grid {
	min-width: 1200px;
}

.btn-gg-active,
.btn-gg-active:hover,
.btn-gg-active:focus {
	background-color: orange;
}

.number {
	text-align: right;
}

div.note-editor .btn-toolbar {
	margin-top: 0;
	margin-bottom: 0;
}

div.note-editor .note-editable {
	background: #fff;
}

*.center-icons:has(>i),
table.center-icons td:has(>i) {
    text-align: center;
    vertical-align: middle;
}

/*
	M3Web-Design: Farbdefinitionen

	Die Farben werden an verschiedenen Stellen verwendet und sind hier zusätzlich als CSS-Klassen definiert
	Siehe auch Core.Mvc.Base.ColorSystem
*/

/* ==== Primärfarben ==== */


/*
	Blau:

	100%:   #0468B1    Linkfarbe
	30%:    #D9E8F3    inaktive positive Icons (Darstellungsumschalter)
	10%:    #B4D2E8    Mouse-Over-Hinterlegung von Navigationselementen (Tabs)
*/

/*
	Grau:

	90%:    #1A1A1A    Farbe für Fließtexte und Headlines
	50%:    #7F7F7F    Outlines von grauen Formularfeldern; Formularbezeichnungen innerhalb von Formularzellen; Marginalinformationen, Hinterlegung Tabellenköpfe
	30%:    #B2B2B2
	10%:    #E5E5E5    dunkler Hintergrund abwechselnder Tabellenzeilenhinterlegungen
	 5%:    #F2F2F2    heller Hintergrund abwechselnder Tabellenzeilenhinterlegungen; helle Hinter-gründe von Inhalts- und Formularbereichen
*/

/* ==== Sekundärfarben ==== */

/*
	Blau1:  #003A65    #0468B1    #1FA0FE
	Rot:    #E31418    #CA0307    #FF3034
	Orange: #E69902    #FFC350    #FFAE10
	Gelb:   #FFD510    #E6BE02    #FFE363
	Grün:   #019705    #76FF05    #07B00B
	Blau2:  #12B6D0    #039EB7    #10DEFD
	Lila1:  #9B007C    #E117E8    #B50090
	Lila2:  #6803FD    #5C00E3    #9650FF
*/


.color-main-blue
{
    background-color: #0468B1;
}

.color-main-blue30
{
    background-color: #B4D2E8;/*#D9E8F3;*/
}

.color-main-blue10 {
    background-color: #E6F0F7;
}



.color-main-gray90
{
	background-color: #1A1A1A;
}

.color-main-gray50
{
	background-color: #7F7F7F;
}

.color-main-gray30
{
	background-color: #B2B2B2;
}

.color-main-gray10
{
	background-color: #E5E5E5;
}

.color-main-gray05
{
	background-color: #F2F2F2;
}
/*
	M3Web-Design: Standard-Erscheinungsbild der Oberflächenelemente 
	(Farben, Schriftarten, Hintergrundbilder)
	
	- wird nach layout.css geladen
	- spezialisierte Styles (Screen, Mobile, Print) werden später geladen
*/

body {
	font-size: 13px;
	line-height: 18px;
	color: #1A1A1A;
}

html {
	/*background-color: #0567b0;*/
}

strong em,
em strong {
	color: #E31418;
	font-style: normal;
}


#footer {
	font-size: 11px;
	color: #ffffff;
}

	#footer,
	#footer a,
	#footer a:hover,
	#footer a:active,
	#footer a:focus {
		color: #ffffff;
	}

		#footer .muted,
		#footer .muted a {
			color: #b4d2e8;
		}

#page-middle h1 {
	font-size: 28px;
	font-weight: bold;
	line-height: 45px;
	color: #1A1A1A;
	border-bottom: 1px solid #7f7f7f;
	margin-bottom: 25px;
}

h2 {
	font-size: 20px;
	line-height: 30px;
	color: #1A1A1A;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 25px;
}

h3 {
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 9px;
	color: #1A1A1A;
	border-bottom: 1px solid #f6f6f6;
}

h4 {
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 9px;
	color: #1A1A1A;
}

h5,
h6 {
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 9px;
	color: #1A1A1A;
}

.modal-body {
	min-height: 150px;
}

.modal-header,
.headings h1 {
	border-bottom: 2px solid #0468B1;
	margin-bottom: 20px;
	margin-top: 0px;
}

.headings #content-title {
	font-size: 28px;
	font-weight: bold;
	color: #191919;
	/*#0468B1;*/
	;
}

.headings #content-subtitle {
	font-size: 28px;
	font-weight: normal;
	color: #B2B2B2;
}

/* ==== LANGUAGE-SWITCHER ==== */

.language-selector .language > a,
.language-selector .language.current {
	background-repeat: no-repeat !important;
	background-position-y: center;
	padding-left: 25px;
}

.language-selector li.language > a {
	padding-left: 38px;
	background-position-x: 12px;
}


a [class^="icon-"]:before, [class*=" icon-"]:before,
button [class^="icon-"]:before, [class*=" icon-"]:before {
	cursor: inherit;
}


/* ==== CODEMIRROR ==== */

.CodeMirror {
	border: 1px solid #e3e3e3;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05); /** wie well */
}

.CodeMirror-gutter {
	background: #fcfcfc;
}

.CodeMirror-scroll {
    height: 100% !important;
    /*max-height: 800px;*/
    background: white;
}

/* ==== SYNCFUSION: diese Styles entferne, sobald Grid ersetzt wurde ==== */

.Syncfusion-Grid-Marble th.HeaderCell,
.Syncfusion-Grid-Marble th.HeaderCell:hover,
.Syncfusion-Grid-Marble th.HeaderCell:active,
.Syncfusion-Grid-Marble th.HeaderCellHover,
.Syncfusion-Grid-Marble th.HeaderCellHover:hover,
.Syncfusion-Grid-Marble th.HeaderCellHover:active {
	background: none;
	background-image: none !important;
	background-color: #7f7f7f !important;
	padding: 5px 2px;
	color: #fff;
}


/* ==== DataTables ==== */

table.dataTable {
	margin: 0;
}

.dataTables_wrapper .paging {
	display: inline-block;
	float: right;
}

	.dataTables_wrapper .paging > .dataTables_length,
	.dataTables_wrapper .paging > .dataTables_paginate {
		float: none;
		display: inline-block;
		margin-left: 5px;
	}

		.dataTables_wrapper .paging > .dataTables_length > label {
			font-size: 0;
		}

.table tbody tr.active td,
.table tbody tr.active th,
table.dataTable.display tbody tr.active.odd > .sorting_1,
table.dataTable.display tbody tr.active.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.active.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.active.even > .sorting_1,
table.dataTable.display tbody tr.active.odd > .sorting_2 table.dataTable.display tbody tr.active.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.active.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.active.even > .sorting_2,
table.dataTable.display tbody tr.active.odd > .sorting_3,
table.dataTable.display tbody tr.active.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.active.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.active.even > .sorting_3,
table.dataTable.order-column tbody tr.active > .sorting_1,
table.dataTable.order-column tbody tr.active > .sorting_2,
table.dataTable.order-column tbody tr.active > .sorting_3,
table.dataTable.display tbody tr.active > .sorting_1,
table.dataTable.display tbody tr.active > .sorting_2,
table.dataTable.display tbody tr.active > .sorting_3 {
	background-color: #D9E8F3;
}

/*.table tbody tr td:hover,*/
.table tbody tr.active td,
.table tbody tr.active th {
	background-color: #D9E8F3 !important;
	color: inherit;
}


.table tbody tr.active a {
	background-color: inherit;
	color: #0468B1;
}

.table .btn {
	margin-top: -2px;
	margin-bottom: -2px;
	/*padding-top: 2px;
	padding-bottom: 2px;*/
}


.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
	background-color: #D9E8F3 !important;
}

table.dataTable tbody td.dataTables_empty {
	font-weight: bold;
	font-style: italic;
	padding: 20px !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody,
table.dataTable.no-footer {
	border-bottom: 1px solid #0567b0;
}

table.dataTable thead,
table.dataTable thead th,
table.dataTable thead td {
	border-bottom: 1px solid #0567b0;
	white-space: nowrap;
}


table.dataTable tfoot th,
table.dataTable tfoot td {
	border-top: 1px solid #0567b0;
}


.dataTables_scrollHead,
table.dataTable thead tr {
	background-color: #D9E8F3;
	/*background-color: #7f7f7f;
	color: #fff;*/
}

table.DTTT_selectable tbody tr {
	cursor: default;
}

table.table.nowrap tbody td,
table.table.nowrap tbody th,
table.table.nowrap thead td,
table.table.nowrap thead th {
	vertical-align: middle;
}

div.DTTT .btn {
	border: none;
	color: #0567b0 !important;
}

table.dataTable {
	/*http://stackoverflow.com/questions/18679020/border-around-tr-element-doesnt-show*/
	border-collapse: collapse;
}

	table.dataTable.nowrap {
		table-layout: fixed;
		width: 100%;
	}

		table.dataTable thead th,
		table.dataTable.nowrap td,
		table.dataTable.nowrap td a,
		table.dataTable.nowrap td span,
		table.dataTable span.nowrap {
			overflow: hidden; /* this is what fixes the expansion */
			text-overflow: ellipsis; /* not supported in all browsers, but I accepted the tradeoff */
			white-space: nowrap;
		}

			table.dataTable.nowrap td.overflow-visible,
			table.dataTable.nowrap td.overflow-visible a,
			table.dataTable.nowrap td.overflow-visible span,
			table.dataTable span.nowrap {
				/* verhindert z.b., dass button-menüs unsichtbar sind */
				overflow: visible;
			}

	table.dataTable thead th,
	table.dataTable thead td {
		padding: 8px;
	}

	table.dataTable.compact thead th,
	table.dataTable.compact thead td {
		padding: 5px;
	}

		table.dataTable.compact thead th.orderable,
		table.dataTable.compact thead td.orderable {
			padding-right: 15px;
		}

	table.dataTable.compact tbody th,
	table.dataTable.compact tbody td {
		padding: 2px 5px;
	}

		table.dataTable.compact tbody th .btn-group,
		table.dataTable.compact tbody td .btn-group {
			margin-top: 0;
			margin-bottom: 0;
		}

		table.dataTable.compact tbody th.btn-toolbar,
		table.dataTable.compact tbody td.btn-toolbar {
			padding: 2px 5px;
		}


	table.dataTable thead th > span,
	table.dataTable thead td > span {
		display: block;
		width: 100%;
	}

.DTTT.btn-group > .btn + .DTTT.btn-group > .btn {
	margin-left: 5px;
}

a.DTTT_button_csv,
a.DTTT_button_xls,
a.DTTT_button_copy,
a.DTTT_button_pdf,
a.DTTT_button_print {
	padding: 4px 12px;
}

div .DTTT.btn-group {
	float: left;
}

	div .DTTT.btn-group + div.clear {
		display: none;
		clear: none;
	}

a.DTTT_button_print span,
a.DTTT_button_print:hover span,
a.DTTT_button_csv span,
a.DTTT_button_csv:hover span,
a.DTTT_button_xls span,
a.DTTT_button_xls:hover span,
a.DTTT_button_pdf span,
a.DTTT_button_pdf:hover span,
a.DTTT_button_copy span,
a.DTTT_button_copy:hover span {
	background: none;
	padding: 0;
}

	a.DTTT_button_print span a.DTTT_button_csv span,
	a.DTTT_button_csv:hover span,
	a.DTTT_button_xls span,
	a.DTTT_button_xls:hover span,
	a.DTTT_button_pdf span,
	a.DTTT_button_pdf:hover span,
	a.DTTT_button_copy span,
	a.DTTT_button_copy:hover span {
		background: none;
	}


.table .pull-right > .dropdown-menu {
	right: 0;
	left: auto;
	top: 0;
}

.dataTables_scroll .table {
	margin-left: 0;
}

.dataTables_wrapper .dataTables_info {
	clear: none;
	float: right;
}


/* fixed columns */

.DTFC_LeftHeadWrapper, .DTFC_LeftBodyWrapper, .DTFC_LeftFootWrapper {
	border-right: 1px solid #e5e5e5;
}

.DTFC_RightHeadWrapper, .DTFC_RightBodyWrapper, .DTFC_RightFootWrapper {
	border-left: 1px solid #e5e5e5;
}

/* ==== Datepicker ==== */
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker td,
.datepicker th {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background-color: #ffffff;
	background-image: none;
}

.datepicker table tr td.today {
	font-weight: bold;
}

	.datepicker table tr td.disabled,
	.datepicker table tr td.day.disabled,
	.datepicker table tr td.today.disabled,
	.datepicker table tr td.day.disabled,
	.datepicker table tr td.disabled:hover,
	.datepicker table tr td.day.disabled:hover,
	.datepicker table tr td.today.disabled:hover {
		background-color: #f9f9f9;
		color: #bbbbbb;
		cursor: default;
	}

.datepicker table,
.datepicker table td.cw,
.datepicker table.table-condensed thead tr, .datepicker thead tr,
.datepicker table.table-condensed thead tr td, .datepicker thead tr td,
.datepicker table.table-condensed thead tr th, .datepicker thead tr th {
	background-color: #D9E8F3;
}

	/*.datepicker td.cw,
	.datepicker .table.table-condensed thead tr th,
	.datepicker tfoot tr th:hover {
		background: #ffffff;
	}*/

	.datepicker thead tr:first-child th:hover,
	.datepicker tfoot tr th:hover,
	.datepicker table tr td.day.focused,
	.datepicker table tr td.day:hover {
		background: #0567b0;
		color: #ffffff;
	}

	.datepicker thead tr:first-child th.cw:hover {
		background: #D9E8F3;
	}



	.datepicker table tr td.today.disabled:hover,
	.datepicker table tr td.today.disabled:hover:hover,
	.datepicker table tr td.today.disabled:active,
	.datepicker table tr td.today.disabled.active,
	.datepicker table tr td.today.disabled:hover:active,
	.datepicker table tr td.today.disabled:hover.active,
	.datepicker table tr td.today.disabled,
	.datepicker table tr td.today:hover.disabled,
	.datepicker table tr td.today.disabled.disabled,
	.datepicker table tr td.today.disabled:hover.disabled,
	.datepicker table tr td.today[disabled],
	.datepicker table tr td.today:hover[disabled],
	.datepicker table tr td.today.disabled[disabled],
	.datepicker table tr td.today.disabled:hover[disabled] {
		background-color: #E5E5E5;
		background-image: none;
	}


	.datepicker table tr td.today:hover,
	.datepicker table tr td.today:hover:hover,
	.datepicker table tr td.today:active,
	.datepicker table tr td.today:hover:active,
	.datepicker table tr td.today.active,
	.datepicker table tr td.today:hover.active,
	.datepicker table tr td.active:active,
	.datepicker table tr td.active:hover:active,
	.datepicker table tr td.active.disabled:active,
	.datepicker table tr td.active.disabled:hover:active,
	.datepicker table tr td.active.active,
	.datepicker table tr td.active:hover.active,
	.datepicker table tr td.active.disabled.active,
	.datepicker table tr td.active.disabled:hover.active {
		background-color: #0567b0;
		background-image: none;
		color: #fff;
	}

	.datepicker table tr td.active:hover,
	.datepicker table tr td.active:hover:hover,
	.datepicker table tr td.active.disabled:hover,
	.datepicker table tr td.active.disabled:hover:hover,
	.datepicker table tr td.active:active,
	.datepicker table tr td.active:hover:active,
	.datepicker table tr td.active.disabled:active,
	.datepicker table tr td.active.disabled:hover:active,
	.datepicker table tr td.active.active,
	.datepicker table tr td.active:hover.active,
	.datepicker table tr td.active.disabled.active,
	.datepicker table tr td.active.disabled:hover.active,
	.datepicker table tr td.active.disabled,
	.datepicker table tr td.active:hover.disabled,
	.datepicker table tr td.active.disabled.disabled,
	.datepicker table tr td.active.disabled:hover.disabled,
	.datepicker table tr td.active[disabled],
	.datepicker table tr td.active:hover[disabled],
	.datepicker table tr td.active.disabled[disabled],
	.datepicker table tr td.active.disabled:hover[disabled] {
		background-color: #0567b0;
		background-image: none;
		color: #fff;
	}

.input-daterange .add-on {
	height: 20px;
	line-height: 20px;
	padding: 4px 5px 4px 2px;
}

.datepicker {
	z-index: 11;
}

/*#region browser fixes*/

/*#region Edge*/
/*(Getestet mit Version 124.0.2478.97) form autfill will set input color to inherit !important (currently not overridable)*/
*:has(>input:-internal-edge-excel-like-autofill-previewed) {
    color: white !important;
    /*background: black !important;*/
}
/*#endregion Edge*/

/*#endregion browser fixes*/

/*
	M3Web-Design: Erscheinungsbild von Navigationselementen
	(Links, Buttons, Menü und Notifications)

	- wird nach layout.css und style.css geladen
*/

/* ==== Links ==== */

a {
	cursor: pointer;
	color: #0468B1;
}


	/* ==== Bootstrap Fixes ==== */

	a [class^="icon-"]:before,
	a [class*=" icon-"]:before {
		cursor: pointer;
	}

.nav-stacked > li + li > a {
	border-top: 0;
}

.level1 > li {
	z-index: 550;
}

	.level1 > li.dropdown {
		z-index: 551;
	}

.level1 + .level1 > li {
	z-index: 540;
}

	.level1 + .level1 > li.dropdown {
		z-index: 541;
	}

.level2 > li {
	z-index: 560;
}

	.level2 > li.dropdown {
		z-index: 561;
	}


/* ==== Hauptmenü ==== */

.btn.menu-icon-only > .menu-icon,
body.responsive .menu-icon-only .menu-icon {
	margin-right: 0;
}

.menu-icon,
.nav-collapse.in .menu-icon-only .menu-icon {
	margin-right: 7px;
}



.menu-caret,
.btn .menu-caret {
	margin-left: 5px;
}

.menu-icon-only > .menu-name,
.menu-icon-only > .caret {
	display: none;
}

/*.page-actions .btn
{
	padding: 5px 0px;
}*/


.btn-group {
	/* notwendig bei "zeilenumbruch" für buttons */
	margin-top: 5px;
	margin-bottom: 5px;
}

.dropdown-menu {
	z-index: 1001;
}

	.dropdown-menu img {
		max-width: 16px !important;
		max-height: 16px !important;
	}

	.dropdown-menu input,
	.dropdown-menu select {
		margin: 0 20px;
	}

.filter .dropdown-menu {
	max-height: 200px;
	overflow-y: scroll;
}

.nav-collapse .dropdown-menu {
	background: #fff;
}

i.menu-icon,
span.menu-icon {
	display: inline-block;
	min-width: 15px;
	text-align: center;
}

.dropdown-menu button {
	width: 100%;
	font-weight: normal;
	white-space: nowrap;
	border: none;
	text-align: left;
}

.dropdown-menu i.menu-icon,
.dropdown-menu button,
.dropdown-menu a {
	color: #0468B1;
	background: #fff;
}

	.dropdown-menu .active i.menu-icon,
	.dropdown-menu a:hover i.menu-icon,
	.dropdown-menu button:hover i.menu-icon {
		color: inherit;
		background: inherit;
	}


.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > button,
.dropdown-menu > .active > button:focus {
    color: #0468B1;
    background-color: #d1e3f1;
}

	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > button:hover {
		color: #0468B1;
		background-color: #d1e3f1;
}

/*.typeahead .dropdown-menu {
    overflow-y: hidden;
}
*/

#header .navbar,
#header .navbar-inner,
#header .btn-group {
	margin: 0;
	padding: 0;
	border: 0;
	/*height: 80px;*/ /* don't waste 80px vertically on the header! */
	/*min-height: 80px;*/
	border-radius: 0;
	background: none;
	text-shadow: none;
	filter: none;
}

#header-menu i.menu-icon {
	font-size: 16px;
}


#header .nav,
#header-menu .nav-tabs > li,
#header .nav-tabs {
	/* bootstrap-unterstrich der tabs zurücksetzen */
	margin-bottom: 0;
}

#header .navbar,
#header .navbar-inner,
#header .btn {
	box-shadow: none;
}

#header .nav.level1 > li > a {
	background: transparent;
	padding: 5px 10px;
	line-height: 30px;
	margin: 0;
	font-size: 1.1em;
	color: #ffffff;
	border-radius: 0;
	border: 0;
	/*min-width: 100px;*/
	text-shadow: none;
	max-height: 30px;
	overflow: hidden;
}

	#header .nav.level1 > li > a.menu-icon-only {
		width: auto;
		min-width: 0;
	}

#header .nav.pull-right > li > a {
	/*text-align: right;*/
}

#header .nav > li > a:hover,
#header .nav > li > a:focus {
	text-decoration: none;
	background-color: #0468B1;
	border: 0;
}

#footer .nav > li > a:hover,
#footer .nav > li > a:focus {
	text-decoration: none;
	background-color: #D9E8F3;
	color: #0468B1;
	border: 0;
}

@media (min-width: 1055px) {
	body.responsive #header .nav.level1 > li.active,
	body.responsive #header .nav.level1 > li.active > a {
		box-shadow: rgba(255, 255, 255, 1.0) 0px 10px 0px 0px;
	}
}

@media (min-height: 480px) {
	body.scrolled #header .nav.level1 > li.active,
	body.scrolled #header .nav.level1 > li.active > a {
		box-shadow: none;
	}
}

@media (max-width: 1055px) and (min-height: 480px) {
	body.responsive #header .nav.level1 > li.active {
		box-shadow: none;
	}
}

#header .nav.level1 > li.active > a,
#header .nav.level1 > li.active > a:hover,
#header .nav.level1 > li.active > a:focus {
	color: #0468B1;
	background: #ffffff;
	font-weight: bold;
}

 /*ausgeschaltet aus dem Grund dass in Mobile Versrion die Untermunüs waren überlagert*/ 
/*#header .nav.level1 > li {
	height: 40px;
	max-height: 40px;
}
*/

#header span.caret {
	border-top-color: #FFF;
	margin-top: 13px;
	margin-left: 5px;
}

#header li.active span.caret {
	border-top-color: #0468B1;
}



@media (min-width: 1055px) and (max-width: 1386px) {
	/* Menütext bei kleiner Auflösung verbergen */
	body.responsive #menu-settings.level1 > li > a > .menu-name {
		display: none;
	}
}

@media (max-width: 1055px) {
	/* Icon-Only-Menüpunkte bei .nav-bar.collapsed mit text anzeigen */
	body.responsive #header .nav-collapse a.menu-icon-only > .menu-name,
	body.responsive #header .menu-icon-only > .menu-name,
	body.responsive #header .menu-icon-only > .caret {
		display: inline-block;
	}

	body.responsive #header-menu {
		margin-top: 0;
		margin-left: 0;
	}


		body.responsive #header-menu ul + ul {
			border-top: 1px solid rgba(255, 255, 255, 0.2); /*#D9E8F3*/
		}

	body.responsive #header .nav > li > a:hover,
	body.responsive #header .nav > li > a:focus {
		background-color: rgba(255, 255, 255, 0.2); /*#D9E8F3;*/
		/*color: #0468B1;*/
	}
}



/* ==== Menüs ==== */


.page-actions {
	margin: 0;
}

	.page-actions .btn-toolbar {
		margin-top: 0px;
		margin-bottom: 20px;
		min-height: 30px;
	}

	.page-actions .btn {
		height: 30px;
		vertical-align: middle;
	}

	.page-actions .btn-group {
		margin: 0;
	}

		.page-actions .btn-group > .btn + .dropdown-toggle {
			padding-left: 0;
		}

			.page-actions .btn-group > .btn + .dropdown-toggle + .dropdown-menu {
				right: 0;
				left: auto;
			}

	.page-actions .btn /* .form-actions .btn */ {
		border: none !important;
		background: none !important;
		box-shadow: none !important;
		color: #0468B1 !important;
		text-shadow: none !important;
	}

.selection-toggle .btn,
.no-border .btn {
	border: none !important;
}

.page-actions .btn > .caret {
	border-top-color: #0468B1;
}

.page-actions .btn,
.form-actions .btn {
	/*min-height: 30px;*/
}

	.page-actions .btn span {
		line-height: 30px;
	}

	.page-actions .btn .caret {
		margin-top: 12px;
	}

	.page-actions .btn:hover /* .form-actions .btn */ {
		background: #D9E8F3 !important;
	}


@media (max-width: 1055px) {
	body.responsive .form-actions .menu-name,
	body.responsive .page-actions .menu-name {
		display: none;
	}

	body.responsive .form-actions .dropdown-menu .menu-name,
	body.responsive .form-actions .btn-primary .menu-name,
	body.responsive .page-actions .dropdown-menu .menu-name,
	body.responsive .page-actions .btn-primary .menu-name {
		display: inline-block;
	}

	body.responsive .form-actions .menu-icon,
	body.responsive .page-actions .menu-icon {
		margin-right: 0;
	}

	body.responsive .form-actions .dropdown-menu .menu-icon,
	body.responsive .form-actions .btn-primary .menu-icon,
	body.responsive .page-actions .dropdown-menu .menu-icon,
	body.responsive .page-actions .btn-primary .menu-icon {
		margin-right: 7px;
	}
}


/* ==== Tabs ==== */

.nav-tabs {
	border-bottom: 2px solid #0468B1;
}

	.nav-tabs > li {
		margin: 0;
	}

		.nav-tabs > li > a,
		.nav-tabs > .active > a,
		.nav-tabs > .active > a:hover,
		.nav-tabs > .active > a:focus {
			margin-right: 0;
			border: none;
			border-radius: 0;
			color: #0468B1;
		}

			.nav-tabs > .active > a,
			.nav-tabs > .active > a:hover,
			.nav-tabs > .active > a:focus {
				background: #0468B1;
				color: #fff;
				font-weight: bold;
			}

	.nav-tabs > a:hover,
	.nav-tabs > a:focus {
		background: #D9E8F3;
	}



/* ==== List/Detail-Kombi-Ansicht ==== */



@media (min-width: 768px) {
	.row-fluid.split-view > .entity-selection {
		width: 25%;
	}

	.row-fluid.split-view > .entity-details {
		margin-left: 0;
		width: 75%;
	}
}

@media (min-width: 768px) and (max-width: 1055px) {
	.row-fluid.split-view > .entity-selection {
		width: 30%;
	}

	.row-fluid.split-view > .entity-details {
		margin-left: 0;
		width: 70%;
	}
}


/* ==== Auswahllisten ==== */


.nav-list.entity-list > .active > a,
.nav-list.entity-list > .active > a:hover,
.nav-list.entity-list > .active > a:focus {
	background-color: transparent;
}

.entity-selection .nav-list {
	padding: 0;
}

.entity-list .entity {
	/* li.entity */
	border-left: 5px solid #0468B1;
	background-color: #F2F2F2;
	color: #7F7F7F;
	margin-bottom: 3px;
	padding: 0 15px;
	margin-right: 10px;
}

.entity-selection h4 {
	color: #0468B1;
}

.entity a span {
	color: #7F7F7F;
}

.entity-selection .entity .entity-selection a,
.entity-selection a:hover,
.entity-selection a:focus,
.entity-selection a:active,
.entity-selection .nav-list > li > a,
.entity-selection .nav-list > .active > a,
.entity-selection .nav-list > .active > a:hover,
.entity-selection .nav-list > .active > a:focus,
.entity-selection .nav-list .nav-header {
	text-shadow: none !important;
	text-decoration: none !important;
	background-color: initial !important;
}

.entity-selection .selection-toggle {
	padding: 0 0px;
}

	.entity-selection .selection-toggle .btn-toolbar {
		margin: 0;
	}


.entity-selection a:hover,
.entity-selection a:focus,
.entity-selection .nav > li > a:hover,
.entity-selection .nav > li > a:focus {
	background-color: #D9E8F3;
}

.entity-selection .selected a:hover,
.entity-selection .selected a:focus,
.entity-selection .nav > li.selected > a:hover,
.entity-selection .nav > li.selected > a:focus {
	background-color: transparent;
}

/* Darstellung verschiedener Selektionszustände */

.entity-list .entity.selected,
.entity-list .entity.active {
	border-left-color: #0468B1;
	background-color: white;
	margin-right: 0px;
	padding-right: 25px;
}

.entity-list .entity.disabled {
	border-left: 5px solid #7F7F7F;
	background-color: #F2F2F2;
}

	.entity-list .entity.disabled,
	.entity-list .entity.disabled a,
	.entity-list .entity.disabled a:focus,
	.entity-list .entity.disabled a:hover {
		color: #7F7F7F;
	}

.entity-list .entity.active {
	border-left-color: #B2B2B2;
	background-color: #D9E8F3;
}

/* Fixes für Accordion */

.entity-selection .accordion-group,
.entity-selection .accordion-toggle,
.entity-selection .accordion-inner {
	border: none;
	padding: 0;
	margin: 0;
}

.entity-selection .accordion-heading {
	margin-bottom: 3px;
}

	.entity-selection .accordion-heading h4 {
		margin: 0;
	}

	.entity-selection .accordion-heading a:hover h4,
	.entity-selection .accordion-heading a:focus h4 {
		color: #0468B1;
	}


	.entity-selection .accordion-heading a,
	.entity-selection .accordion-heading a.collapsed:hover {
		padding: 10px 20px 10px 0;
		background: url(/Public/Images/Herbstwest/Icons/Dropdown-pos_18x18px.png) left no-repeat;
		padding-left: 25px;
	}

		.entity-selection .accordion-heading a.collapsed
		/*.entity-selection .accordion-heading a:hover*/ {
			background-image: url(/Public/Images/Herbstwest/Icons/Dropright-pos_18x18px.png);
		}

@media (max-width: 1055px) {
	body.responsive .entity-selection[class*="span"] {
		margin-bottom: 20px;
	}
}

/* ==== Kontextmenü ==== */



/* ==== Buttons ==== */



/* ==== Notifications ==== */



#toast {
	border-radius: 5px;
	background-color: rgba(31, 160, 254, 0.9);
	border: 1px solid #fff;
	color: #fff;
	position: fixed;
	top: 20px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	padding: 5px 0;
	text-align: center;
	opacity: .9;
	z-index: 9999;
	/*The good stuff */
	-webkit-transition: opacity 0.5s ease-out; /* Saf3.2+, Chrome */
	-moz-transition: opacity 0.5s ease-out; /* FF4+ */
	-ms-transition: opacity 0.5s ease-out; /* IE10? */
	-o-transition: opacity 0.5s ease-out; /* Opera 10.5+ */
	transition: opacity 0.5s ease-out;
}

div.notify,
div.validation-summary-errors,
/* Alle Benachtigungen */
div.validation-summary-valid {
	background: rgba(178, 178, 178, 0.1);
	background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-neg_28x28px.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	border: 0px solid #fbeed5;
	font-weight: bold;
	color: #C09853;
	min-height: 35px;
	padding-left: 50px;
	padding-top: 5px;
	text-shadow: none !important;
	margin: 0;
}

div.validation-summary-errors,
div.validation-summary-valid {
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
	min-height: 45px;
}

div.notify a {
	color: #fff;
	text-decoration: underline;
}

.notifications .alert + .alert button {
	display: none;
}

.alert {
	/* Einzelne Notifications innerhalb der Seite */
	border-radius: 1px;
}

#notifications .alert {
	/* Notifications innerhalb der globalen Notifications */
	border-radius: 0;
}


div.notify button.close {
	font-size: 18px;
	opacity: 1;
	text-shadow: none;
	color: #fff;
	padding: 2px;
	margin: 0;
}

	div.notify button.close .menu-icon {
		margin: 0;
	}

div.notify {
/*	max-height: 100px;*/
	overflow: auto;
}

#content-body div.notify
{
	max-height: 500px;
}

.content-body div.notify {
	max-height: none;
}

div.notifications {
	max-height: 500px;
	overflow: auto;
}

div.notify span.title,
div.notify h4 {
	font-weight: bold;
	color: inherit;
}

div.notify-debug {
	background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-neg_28x28px.png);
	background-color: rgba(178, 178, 178, 0.9);
	border-color: #ccc;
	color: #333;
}

div.notify-success {
	background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-Feedback-neg_28x28px.png);
	background-color: rgba(7, 176, 11, 0.9);
	border-color: #ccc;
	color: #fff;
}

div.notify-fail {
	background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-Warnung-neg_28x28px.png);
	background-color: rgba(31, 160, 254, 0.9);
	border-color: #ccc;
	color: #fff;
}

.notifications div.notify-success + div.notify-success {
	background-image: none;
}

div.notify-info, div.notify-important {
	background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-neg_28x28px.png);
	background-color: rgba(31, 160, 254, 0.9);
	border-color: #ccc;
	color: #fff;
}

div.notify-warn,
div.notify-warning {
	background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-Warnung-neg_28x28px.png);
	background-color: rgba(255, 213, 16, 0.9);
	border-color: #ccc;
	color: #333;
}

div.notify-error,
div.validation-summary-errors {
	background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-Fehler-neg_28x28px.png);
	background-color: rgba(227, 20, 24, 0.9);
	border-color: #ccc;
	color: #fff;
}

div.notify-fatal {
	background-image: url(/Public/Images/Herbstwest/Icons/Hinweis-Fehler-neg_28x28px.png);
	font-weight: bold;
	background-color: rgba(227, 20, 24, 0.9);
	border-color: #ccc;
	color: #fff;
}

div.notify-question {
	background-color: rgba(4, 104, 177, 0.9);
	background-image: url(/Public/Images/Herbstwest/Icons/Hilfe-neg_28x28px.png);
	color: #fff;
}


/* ==== Dashboard-Menü ==== */

.dash + .dash {
	margin-top: 40px;
}

.dash ul {
	width: 100%;
}

.row-dash {
	display: table;
	width: 100%;
	content: "";
}

@media (max-width: 1055px) and (min-width: 768px) {
	.row-fluid:after {
		clear: both;
	}
}


.row-dash .tile {
	/*padding: 10px;*/
	margin: 0;
}


body.not-responsive .row-dash .tile {
	float: left;
}

body.not-responsive .row-dash .tile1 {
	width: 100%;
}

body.not-responsive .row-dash .tile2 {
	width: 50%;
}

body.not-responsive .row-dash .tile3 {
	width: 33.33%;
}

	body.not-responsive .row-dash .tile3:last-child {
		width: 33.34%;
	}

body.not-responsive .row-dash .tile4 {
	width: 25%;
}

body.not-responsive .row-dash .tile5 {
	width: 20%;
}

body.not-responsive .row-dash .tile6 {
	width: 16.66%;
}

	body.not-responsive .row-dash .tile6:last-child {
		width: 16.67%;
	}

body.not-responsive .row-dash .tile8 {
	width: 12.5%;
}

body.not-responsive .row-dash .tile10 {
	width: 10%;
}


@media (min-width: 768px) {
	.row-dash .tile {
		float: left;
	}

	.row-dash .tile1 {
		width: 100%;
	}

	.row-dash .tile2 {
		width: 50%;
	}

	.row-dash .tile3 {
		width: 33.33%;
	}

		.row-dash .tile3:last-child {
			width: 33.34%;
		}

	.row-dash .tile4 {
		width: 25%;
	}

	.row-dash .tile5 {
		width: 20%;
	}

	.row-dash .tile6 {
		width: 16.66%;
	}

		.row-dash .tile6:last-child {
			width: 16.67%;
		}

	.row-dash .tile8 {
		width: 12.5%;
	}

	.row-dash .tile10 {
		width: 10%;
	}
}

@media (max-width: 767px) {
	.dash .row-dash + .row-dash {
		margin-top: 10px;
	}
}

.dash ul li {
	float: left;
}

.dash a {
	display: block;
	height: 160px;
	vertical-align: middle;
	/* wie fieldset */
	background: #f2f2f2;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	font-size: 12pt;
	color: #0468B1;
	display: block;
	padding: 20px 20px;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height: auto !important; /* Important Regel für moderne Browser */
	height: 100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */
	/*box-shadow: rgba(200, 200, 200, 0.2) 0px 0px 10px 0px;*/
	border: 1px solid rgba(200, 200, 200, 0.1);
	margin: 0px;
}

.dash .row-dash > .tile + .tile {
	margin-top: 10px;
}

.dash a:hover,
.dash a:active {
	background: #d9e8f3;
	border: 1px solid rgba(4, 104, 177, 0.1);
	/* box-shadow: rgba(26, 26, 26, 0.2) 0px 0px 10px 0px; */
	text-decoration: none;
	/*margin: 9px;*/
}

body.not-responsive .dash a .menu-icon {
	margin-right: 20px;
}

body.not-responsive .dash a {
	text-align: center;
	padding: 20px 10px;
	min-height: 115px;
	margin: 10px;
}

body.not-responsive .dash > .row-dash > .tile + .tile {
	margin: 0;
}

body.not-responsive .dash > .row-dash:first-child a {
	margin-top: 0;
}

body.not-responsive .dash a .menu-icon,
body.not-responsive .dash a .menu-name {
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

body.not-responsive .dash a .menu-icon {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.dash a {
		text-align: center;
		padding: 20px 10px 10px 10px;
		min-height: 115px;
		margin: 3px;
	}

	.dash > .row-dash > .tile + .tile {
		margin: 0;
	}

	.dash > .row-dash:first-child a {
		margin-top: 0;
	}

	.dash a .menu-icon,
	.dash a .menu-name {
		display: block;
		margin: 0 auto;
		width: 100%;
		text-align: center;
		min-height: 30px;
	}

	.dash a .menu-icon {
		margin-bottom: 20px;
	}
}

.dash a .menu-icon {
    vertical-align: middle;
    text-align: center;
    line-height: 70px;
	font-size: 70px;
	/*height: 70px;*/
	min-width: 70px;
}

@media (max-width: 767px) {
	.dash a .menu-icon {
		display: inline-block;
		margin-right: 20px;
	}

		.dash a .menu-icon img {
			vertical-align: baseline;
		}

	body.responsive .dash .row-fluid > div + div {
		margin-top: 10px;
	}
}

/* ==== Tables ==== */

.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th {
	background-color: #fcfcfc;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
	background-color: #fff;
}

.table td > a {
	display: block;
}

	.table td > a:hover {
		/*background-color: #eeeeee;*/
	}

table.statusborder tbody tr {
	border-left: 5px solid blue;
}

.table th {
	background-color: #D9E8F3; /* a la Syncfusion, but lighter */
}

table.statusborder thead tr {
	border-left: 5px solid #D9E8F3;
}

table.table-condensed thead tr {
	background-color: #D9E8F3;
}

table.table-condensed tbody tr {
	margin-bottom: 2px;
}

	table.table-condensed tbody tr a {
		font-weight: bold;
	}

/*
	M3Web-Design: Erscheinungsbild für Formulare 
	(Fieldsets, Inputs Labels, aber auch Display...)

	- wird nach layout.css und style.css geladen
*/

/* ==== Bootstrap-Definitionen zurücksetzen */

/* Inputs: runde Ecken zurücksetzen */

/*select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-append .add-on,
.input-prepend .add-on,
.btn {
	border-radius: 0;
}*/


input[data-val-required] {
    background-color: #f8f0ff;
}

label.uneditable-input {
    cursor: pointer;
    padding-left: 25px;
}

select {
    line-height: 24px;
}

.input-small select {
    width: 104px; /* 90px + 1px border + 1px padd von input.small */
}

.input-mini select {
    width: 74px; /* 90px + 1px border + 1px padd von input.small */
}

select.input-micro {
    width: 54px; /* 90px + 1px border + 1px padd von input.small */
}

.form-inline > label {
    padding-top: 5px;
    margin-bottom: 0;
}

.form-inline input,
.form-inline select {
    /*margin-bottom: 5px;*/
}

.label-counter {
    margin-right: 5px;
    text-align: right;
    min-width: 20px;
}

form {
    margin-bottom: 0;
}

.controls + .controls {
    margin-top: 2px;
}

.input-micro,
.input-prepend input.input-micro,
.input-append input.input-micro {
    width: 40px;
}

.dl-horizontal > dd:after {
    display: table;
    content: "";
    clear: both;
}

.dl-left dt {
    text-align: left;
}

.form-horizontal .control-group,
.controls.form-inline {
    margin-bottom: 3px;
}

    .form-horizontal .control-group,
    .controls.form-inline .benutzer {
        margin-bottom: 2px;
    }

.pull-right .btn-toolbar {
    display: inline-block;
}

.btn-toolbar.no-margin,
.btn-toolbar.no-margin > .btn-group,
.controls.form-inline .btn-toolbar,
.controls.form-inline .btn-group,
.controls.form-inline .input-append {
    margin-top: 0;
    margin-bottom: 0;
}


@media (min-width: 768px) {
    .form-horizontal.small-labels .control-label {
        width: 120px;
    }

    .form-horizontal.small-labels .controls {
        margin-left: 120px;
    }
}



/* ==== Filter-Zeile ==== */


.popover-content:empty {
    display: none;
}

fieldset.filter,
fieldset.filter-form {
    /* siehe auch print.css - wird nicht gedruckt */
    /* padding: 2px;
	margin-bottom: 10px; */
    margin-top: 0;
}

    fieldset.filter-form div.filter-label {
        display: none;
    }

fieldset.filter-form {
    background: #E5E5E5;
    padding: 15px 15px 11px 15px;
    border: none;
}

    fieldset.filter-form .filter.small input,
    fieldset.filter-form .filter.small select,
    fieldset.filter-form .filter.small div.btn-group a.btn {
        max-width: 100px;
    }

.filter-editor .btn-group {
    margin: 0;
}

.filter-form > .filter,
.filter-form > .filter-notes {
    font-size: .9em;
    float: left;
    width: auto;
    min-width: 20px;
    margin-bottom: 5px;
    margin-right: 5px;
}


    .filter-form > .filter.fixedwidth {
        width: 200px;
    }

        .filter-form > .filter.small, .filter-form > .filter.fixedwidth.small {
            width: 100px;
        }

        .filter-form > .filter.large, .filter-form > .filter.fixedwidth.large {
            width: 300px;
        }

.filter .popover.bottom .arrow {
    left: 10%;
}

.filter-form > .filter.small,
.filter-form > .filter-notes {
    min-width: 100px;
}

    .filter-form > .filter:last-child,
    .filter-form > .filter-notes:last-child {
        margin-right: 0;
    }

div.filter.small {
    width: 100px;
}


.filter-form > .filter-notes {
    float: right;
    /*min-height: 35px;
	vertical-align: middle;
	display: flex;
	align-items: center;*/
}

.filter-form > .filter-notes {
    float: right;
    width: auto;
    padding-top: 0;
    margin-top: 0;
}

div.filter-notes p {
    padding: 0;
    margin: 0;
}

div.filter-notes {
    text-align: right;
}

.filter .input-daterange .input-mini {
    width: 75px;
}

.filter .input-daterange .add-on {
    width: 20px;
}

.filter:hover .filter-description,
.controls:hover .control-description,
.editor:hover .editor-description,
.display:hover .display-description {
    display: block;
}

div.filter label {
    display: block;
    width: 100%;
}

div.filter-label,
div.filter-editor,
div.filter-description {
    /* padding: 1px 5px; untereinander darstellen */
    display: block;
    clear: both;
    width: 100%;
    min-height: 15px; /* sonst rutscht description manchmal über den editor */
}


div.filter-label {
    color: #888;
    margin-bottom: 0;
    padding-bottom: 0;
}

    div.filter-label label {
        font-size: 0.9em;
        display: block;
        width: 100%;
    }


div.filter-editor div.input-small {
    width: 100%;
}

div.filter-editor select {
    /* padding-top: 0px; */
}

div.filter-editor .small input {
    width: 90px;
}

div.filter-editor .small select {
    width: 90px;
}

.filter-form .btn-group {
    margin-top: 0;
    margin-bottom: 0;
}

.filter-form .btn-toolbar {
    margin: 0;
}

.filter .btn {
    background-color: transparent;
    border: 1px solid transparent;
}

    .filter .btn-group.open .btn.dropdown-toggle,
    .filter .btn:hover,
    .filter .btn:active,
    .filter .btn:focus {
        /*border: 1px solid #0567b0;*/
        background-color: #e5e5e5; /*#D9E8F3; /*#D9E8F3;*/
        border: 1px solid #cccccc;
    }

    .filter .btn-group.open .btn.dropdown-toggle,
    .filter .btn:active {
        background-color: #fff;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

div.filter-description,
div.display-description,
div.control-description,
div.editor-description {
    /* css-Tooltip */
    display: none;
    font-size: 1em;
    text-align: left;
    clear: both;
    color: #aaa5b0;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 2px 0px;
    z-index: 9;
}

div.filter-description {
    width: 200px;
}

.filter:hover .filter-description,
.controls:hover .control-description,
.display:hover .display-description,
.editor:hover .editor-description {
    display: block;
}

div.filter .popover,
div.controls .popover,
div.display .popover,
div.editor .popover {
    top: inherit;
    left: inherit;
}

/* ==== Bootstrap Typeahead ==== */

.typeahead.dropdown-menu {
    max-height: 400px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ==== Collapsible Fieldset ==== */

fieldset.collapsible.collapsed > legend {
    border-bottom: 1px solid #e5e5e5;
}

fieldset.collapsible > legend:hover {
    background-color: rgba(217, 232, 243, 0.5); /* #e5e5e5 */
    cursor: pointer;
}

.collapsible legend > i.icon {
    width: 10px;
    display: inline-block;
}

/* ==== Detail-Ansichten ==== */


.display {
    display: block;
    line-height: 20px;
    min-height: 20px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.display-separated .display {
    /*padding-top: 10px;
	border-top: 1px solid rgb(250, 250, 250);*/
}

.display-field {
    vertical-align: top;
    display: block;
    margin-left: 180px;
}

    .display-field:empty {
        content: 'hmm';
        color: #aaa;
        padding: 10px 20px; /* height=20px, width=40px */
        font-size: 0px;
    }

.display-label {
    vertical-align: top;
    display: block;
    float: left;
    width: 160px;
}

@media (max-width: 379px) {
    .display-label,
    .display-field {
        width: 100%;
        margin-left: 0;
    }

    .display-label {
        text-decoration: underline;
    }
}

/* ==== Fieldsets ==== */

.form-container {
    background: #f2f2f2; /* hellgrauer Hintergrund */
    border-left: 5px solid #0567b0; /* dunkler (Status-) Streifen links */
    border-bottom: none;
    border-right: none;
    border-top: none;
    padding: 10px 20px 10px 20px;
}


.control-label {
    text-align: left;
}


.form-container.central-form {
    padding-left: 225px;
    padding-right: 225px;
}

.form-container .form-heading {
    /* gleiche Farbe wie dunkler Streifen, nur transparent */
    background: rgba(4, 104, 177, 0.1); /* = #0567b0 */
    margin: -10px -20px 0px -20px;
    padding: 10px 20px 10px 20px;
}

    .form-container .form-heading h2 {
        margin: 0;
        background-position: center right;
        background-repeat: no-repeat;
        border: none;
    }

.form-actions {
    margin-top: 10px;
    border-top: 2px solid #0468B1;
    clear: both;
    padding: 0px;
}

.form-container .form-actions {
    background: #fff;
    margin: 0px -20px -5px -20px;
    padding: 0px 20px;
    border: none;
}

.form-container > .form-heading + .form-actions {
    margin-top: 0px;
    margin-bottom: 20px;
}


.form-container > fieldset + fieldset,
.form-container > fieldset + .row-fluid,
.form-container > .row-fluid + fieldset,
.form-container > .row-fluid + .row-fluid,
.form-container .separate {
    /*padding-top: 20px;
	margin-bottom: 0px;
	border-top: 2px solid #fff;*/
}

/*
fieldset legend
{
	line-height: 18px;
	font-size: 15px;
	font-weight: bold;*/
/*padding: 20px 20px 5px 0px;*/
/*margin-left: -25px;*/
/*	margin-bottom: 15px;
	border: none;
}
*/

fieldset {
    margin-top: 20px;
    margin-bottom: 20px;
}

div.invisible-label label,
td.invisible-label label {
    display: none;
}

.display-description,
.editor-description {
    width: 400px;
}


.editor-label,
div.editor-label label,
div.display-label label,
td.editor-label label,
td.display-label label {
    display: block;
    min-width: 150px;
}

/* ==== Form-Inputs ==== */


input[type=search],
input.search,
input.filter,
.filter.search input,
.select2-search input,
.filter input.filter {
    background-image: url(/Public/Images/Herbstwest/Icons/Suche-inactive_18x18px.png);
    background-position: right center;
    background-position: right 5px top 50%;
    background-repeat: no-repeat;
}



/* ==== Validierung ==== */

fieldset span.field-validation-error,
fieldset span.Syncfusion_Validator,
span.Autocomplete_Wrapper.error {
    font-size: 0.8em;
    text-align: left;
    margin: 2px;
    margin-top: -10px;
    position: relative;
    display: block;
    clear: both;
    color: #BF4160;
}

input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error,
.input-validation-error input,
.input-validation-error select,
.input-validation-error textarea,
.editor-field input.input-validation-error,
.editor-field select.input-validation-error,
.editor-field textarea.input-validation-error {
    background-color: #FFE0DC;
    border-color: #BF4160;
}

.validation-summary-valid {
    display: none;
}

.full-width,
input.full-width,
.full-width input {
    width: 100%;
}

textarea.huge {
    width: 100%;
    height: 150px;
}



/* ==== Spezial-Formate ==== */

span.winbutton {
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
    text-align: left;
    background-color: #FBFAF9;
    color: #111;
    box-shadow: inset 0 0 .3em #333;
    border-radius: 2px;
    padding: 1px 6px;
    margin: 0px 3px;
}




.color-green,
.color-green a {
    /* zugestellte in Message-Recipients */
    color: forestgreen;
}

.color-red,
.color-red a {
    /* nicht-zugestellte in Message-Recipients */
    color: darkred;
}

.color-violet,
.color-violet a {
    /* nicht-zugestellte in Message-Recipients */
    color: blueviolet;
}


.editor-field input[type="checkbox"] {
    width: auto;
    background-color: white;
}




.display-small .display-label,
.editor-small .editor-label {
    width: 100px;
    min-width: 100px;
}



.subform td.editor-field {
    width: auto;
}

.editor-field input,
.editor-field select,
.editor-field textarea {
    color: #333;
    width: 200px;
}

.editor-field textarea {
    height: 60px;
}

.editor-field-small input,
.editor-field-small select {
    width: 60px;
}


.editor-field-date input,
.editor-field-date select {
    width: 75px;
}


.editor-field-medium input,
.editor-field-medium select {
    width: 90px;
}

.editor-field-100 input,
.editor-field-100 select {
    /*width: 100%;*/
}


.editor-field-xsmall input,
.editor-field-xsmall select {
    width: 40px;
}


.editor-field-large input,
.editor-field-large select {
    width: 300px;
}


.editor-field-xlarge input,
.editor-field-xlarge select {
    width: 450px;
}


.editor-field-xxlarge input,
.editor-field-xxlarge select {
    width: 600px;
}


fieldset span.field-validation-valid,
fieldset span.field-validation-error,
fieldset span.Syncfusion_Validator,
span.Autocomplete_Wrapper.error {
    font-size: 0.9em;
    text-align: left;
    margin: 2px;
    position: relative;
    display: block;
    clear: both;
}

fieldset span.field-validation-error,
fieldset span.Syncfusion_Validator,
span.Autocomplete_Wrapper.error {
    color: #BF4160;
}

input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error,
.input-validation-error input,
.input-validation-error select,
.input-validation-error textarea,
.editor-field input.input-validation-error,
.editor-field select.input-validation-error,
.editor-field textarea.input-validation-error {
    background-color: #FFE0DC;
    border-color: #BF4160;
}

.full-width,
input.full-width,
.full-width input {
    width: 100%;
}

textarea.huge {
    width: 100%;
    height: 150px;
}


span[title] {
    cursor: pointer; /*)text-decoration: underline; 		text-decoration-style: dotted;*/
}


.achtung,
span.achtung,
span.achtung a,
span.achtung a:link,
span.achtung a:hover,
span.achtung a:visited {
    color: red !important;
}

.table label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* TODO: http://codepen.io/jamesbarnett/pen/yILjk */
/*
.table input[type=checkbox] {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

	.table input[type=checkbox] + label {
		padding-left: 20px;
		height: 15px;
		display: inline-block;
		line-height: 15px;
		background-repeat: no-repeat;
		background-position: 0 0;
		font-size: 15px;
		vertical-align: middle;
		cursor: pointer;
		background-image: url(/Public/Themes/Herbstwest/images/lite-blue-check.png);
	}

	.table input[type=checkbox]:checked + label {
		background-position: 0 -15px;
	}

	.table input[type=checkbox]:checked + label:before {
		content: 0 -15px;
	}
	*/


/* ========== SELECT2 =============== */

.select2-container .select2-choice {
    padding: 4px 6px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    height: initial;
    color: rgb(85, 85, 85);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    box-shadow: none;
}

.select2-drop, .select2-drop-active {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow-x: visible;
}

.select2-container .select2-choice,
.select2-container .select2-choice .select2-arrow,
.select2-search,
.select2-results {
    border-radius: 0;
    background-image: none;
    background-color: #fff;
    border-color: #cccccc;
}

    .select2-container .select2-choice .select2-arrow {
        border-left: none;
    }

.select2-container-active .select2-choice,
.select2-search {
    border-color: rgba(4,104,177,.8);
}

.select2-search {
    border: 1px solid rgba(4,104,177,.8);
    background: #fff;
    border-top: none;
    padding: 0;
}

    .select2-search input {
        border: none;
    }

.filter .select2-container {
    width: 100%;
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: none;
    font-weight: bold;
}

.select2-results {
    margin-top: 5px;
    border: 1px solid rgba(4,104,177,.8);
    color: #0468B1;
    white-space: nowrap;
    min-width: 300px;
    max-width: 500px;
    padding: 5px 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .select2-results .select2-result-label {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .select2-results .select2-no-results {
        background: none;
        font-style: italic;
        text-align: center;
        color: #1A1A1A;
    }

.select2-drop .select2-results .select2-highlighted {
    color: #0468B1;
    background-color: #d1e3f1;
}

.language {
    width: 65px;
    background-color: transparent;
    border-style: none;
    border-radius: 5px;
    margin: 5px 0 5px 10px;
    font-weight: bold;
}

#selectLanguage {
    background-repeat: no-repeat;
    background-image: url(/Public/Images/Flags/de.png);
    background-position: center;
    background-position-x: 30px;
}

.extra-margin-bottom {
    margin-bottom:3px;
}

@media(max-width: 1055px) {
    #selectLanguage {
        margin-top: -35px;
    }
}

.bundesland {
    width: 20px;
}

/*
	M3Web-Design: Spezial-Styles für Desktop-Anzeige
	
	- wird nach allem anderen CSS-Files geladen
*/
@media screen
{
}
/*
	M3Web-Design: Spezial-Styles für Drucker-Ausgabe
	
	- wird nach allem anderen CSS-Files geladen
*/
/*
*/

@media print
{
	li
	{
		margin-top: 0;
	}


	body,
	a,
	a:link,
	a:visited,
	input,
	select,
	button,
	legend,
	table,
	td
	{
		font-family: Helvetica, Arial, sans-serif;
		font-size: 9pt !important;
		color: #000;
		text-decoration: none;
	}

	a,
	a:link,
	a:visited
	{
		text-decoration: underline;
		text-decoration-style: dotted;
		text-decoration-color: #ccc;
	}

	.noprint,
	.dont-print,
	.menu,
	#header,
	#footer,
	fieldset.filter,
	fieldset.filter-form,
	.form-actions,
	.page-actions,
	.profiler-results,
	tr.FilterBar,
	.Gridtoolbar,
	.filter-description,
	.profiler-results
	{
		display: none;
	}


	h1
	{
		font-size: 1.3em;
		font-style: italic;
		border-bottom: 1px solid;
		margin-bottom: 0.2em;
	}

	h2
	{
		font-size: 1.2em;
		border-bottom: 1px solid;
		margin-bottom: 0.2em;
	}

	h3
	{
		font-size: 1.1em;
	}

	#content-title,
	#content-subtitle
	{
		font-size: 1.5em;
		font-weight: bold;
		margin-right: auto;
		margin: 0;
		padding: 0;
	}

	fieldset,
	div.GridContent,
	div.GridContent table,
	input,
	select,
	button
	{
		border: 1px solid #333;
		overflow: visible;
	}


	div.GridContent table td
	{
		padding: 1px !important;
	}


	.print-description
	{
		margin-top: 0;
		font-size: .8em;
		color: #777;
		text-align: right;
	}

	#content-subtitle
	{
		padding-left: .5em;
		font-weight: normal;
	}

	.headings
	{
		margin: 0;
		padding: 0;
		overflow: hidden;
		display: block;
		clear: both;
		float: none;
		width: 100%; /*border: 1px solid green;*/
	}

	fieldset,
	table,
	input
	{
		border-color: #777;
	}


	div.filter-print
	{
		border: 1px solid transparent; /* wenn kein border, kommts zu anzeige-störungen */
		display: block;
		font-size: .8em;
		width: 100%;
		clear: both;
	}

	div.filter-print li,
	div.filter-print p /*, div.filter-print li ul*/
	{
		border: 1px solid transparent;
		display: block;
		float: left;
		margin-right: 1em;
		vertical-align: middle;
	}

	hr
	{
		clear: both;
	}

	div.display-label,
	div.editor-label,
	td.display-label,
	td.editor-label
	{
		display: block;
		width: 200px;
		text-align: right;
		vertical-align: top;
		padding-right: 10px;
	}

	.Syncfusion-Grid-Core .RowCell,
	.Syncfusion-Grid-Core .EmptyCell,
	.Syncfusion-Grid-Core .HeaderCell,
	.Syncfusion-Grid-Core .HeaderCellHover
	{
		/* fixme: verdopplung in syncfusion.css*/
		height: auto !important;
		padding: 0.1em 0.2em !important;
		padding-top: 0.1em;
		padding-right: 0.2em;
		padding-bottom: 0.1em;
		padding-left: 0.2em;
		line-height: 1.2em !important;
	}

	table
	{
		max-width: 100%;
		background-color: transparent;
	}

	.table
	{
		width: 100%;
		margin-bottom: 20px;
		border-collapse: collapse;
		border-spacing: 0;
	}

	.table th,
	.table td
	{
		padding: 8px;
		line-height: 20px;
		vertical-align: top;
		border-top: 1px solid #dddddd;
	}

	.table th
	{
		font-weight: bold;
	}

	.table thead th
	{
		vertical-align: bottom;
	}

	.table caption + thead tr:first-child th,
	.table caption + thead tr:first-child td,
	.table colgroup + thead tr:first-child th,
	.table colgroup + thead tr:first-child td,
	.table thead:first-child tr:first-child th,
	.table thead:first-child tr:first-child td
	{
		border-top: 0;
	}

	.table tbody + tbody
	{
		border-top: 2px solid #dddddd;
	}

	.table .table
	{
		background-color: #ffffff;
	}

	.table-condensed th,
	.table-condensed td
	{
		padding: 4px 5px;
	}

	.table-bordered
	{
		border: 1px solid #dddddd;
		border-collapse: separate;
		border-collapse: collapse;
		border-left: 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

	.table-bordered th,
	.table-bordered td
	{
		border-left: 1px solid #dddddd;
	}

	.table-bordered caption + thead tr:first-child th,
	.table-bordered caption + tbody tr:first-child th,
	.table-bordered caption + tbody tr:first-child td,
	.table-bordered colgroup + thead tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child td,
	.table-bordered thead:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child td
	{
		border-top: 0;
	}

	.table-bordered thead:first-child tr:first-child > th:first-child,
	.table-bordered tbody:first-child tr:first-child > td:first-child,
	.table-bordered tbody:first-child tr:first-child > th:first-child
	{
		-webkit-border-top-left-radius: 4px;
          
		-moz-border-radius-topleft: 4px;
	}

	.table-bordered thead:first-child tr:first-child > th:last-child,
	.table-bordered tbody:first-child tr:first-child > td:last-child,
	.table-bordered tbody:first-child tr:first-child > th:last-child
	{
		-webkit-border-top-right-radius: 4px;
          
		-moz-border-radius-topright: 4px;
	}

	.table-bordered thead:last-child tr:last-child > th:first-child,
	.table-bordered tbody:last-child tr:last-child > td:first-child,
	.table-bordered tbody:last-child tr:last-child > th:first-child,
	.table-bordered tfoot:last-child tr:last-child > td:first-child,
	.table-bordered tfoot:last-child tr:last-child > th:first-child
	{
		-webkit-border-bottom-left-radius: 4px;
          
		-moz-border-radius-bottomleft: 4px;
	}

	.table-bordered thead:last-child tr:last-child > th:last-child,
	.table-bordered tbody:last-child tr:last-child > td:last-child,
	.table-bordered tbody:last-child tr:last-child > th:last-child,
	.table-bordered tfoot:last-child tr:last-child > td:last-child,
	.table-bordered tfoot:last-child tr:last-child > th:last-child
	{
		-webkit-border-bottom-right-radius: 4px;
          
		-moz-border-radius-bottomright: 4px;
	}

	.table-bordered tfoot + tbody:last-child tr:last-child td:first-child
	{
		-webkit-border-bottom-left-radius: 0;
          
		-moz-border-radius-bottomleft: 0;
	}

	.table-bordered tfoot + tbody:last-child tr:last-child td:last-child
	{
		-webkit-border-bottom-right-radius: 0;
          
		-moz-border-radius-bottomright: 0;
	}

	.table-bordered caption + thead tr:first-child th:first-child,
	.table-bordered caption + tbody tr:first-child td:first-child,
	.table-bordered colgroup + thead tr:first-child th:first-child,
	.table-bordered colgroup + tbody tr:first-child td:first-child
	{
		-webkit-border-top-left-radius: 4px;
          
		-moz-border-radius-topleft: 4px;
	}

	.table-bordered caption + thead tr:first-child th:last-child,
	.table-bordered caption + tbody tr:first-child td:last-child,
	.table-bordered colgroup + thead tr:first-child th:last-child,
	.table-bordered colgroup + tbody tr:first-child td:last-child
	{
		-webkit-border-top-right-radius: 4px;
          
		-moz-border-radius-topright: 4px;
	}

	.table-striped tbody > tr:nth-child(odd) > td,
	.table-striped tbody > tr:nth-child(odd) > th
	{
		background-color: #f9f9f9;
	}

	.table-hover tbody tr:hover > td,
	.table-hover tbody tr:hover > th
	{
		background-color: #f5f5f5;
	}

	table td[class*="span"],
	table th[class*="span"],
	.row-fluid table td[class*="span"],
	.row-fluid table th[class*="span"]
	{
		display: table-cell;
		float: none;
		margin-left: 0;
	}

	.table td.span1,
	.table th.span1
	{
		float: none;
		width: 44px;
		margin-left: 0;
	}

	.table td.span2,
	.table th.span2
	{
		float: none;
		width: 124px;
		margin-left: 0;
	}

	.table td.span3,
	.table th.span3
	{
		float: none;
		width: 204px;
		margin-left: 0;
	}

	.table td.span4,
	.table th.span4
	{
		float: none;
		width: 284px;
		margin-left: 0;
	}

	.table td.span5,
	.table th.span5
	{
		float: none;
		width: 364px;
		margin-left: 0;
	}

	.table td.span6,
	.table th.span6
	{
		float: none;
		width: 444px;
		margin-left: 0;
	}

	.table td.span7,
	.table th.span7
	{
		float: none;
		width: 524px;
		margin-left: 0;
	}

	.table td.span8,
	.table th.span8
	{
		float: none;
		width: 604px;
		margin-left: 0;
	}

	.table td.span9,
	.table th.span9
	{
		float: none;
		width: 684px;
		margin-left: 0;
	}

	.table td.span10,
	.table th.span10
	{
		float: none;
		width: 764px;
		margin-left: 0;
	}

	.table td.span11,
	.table th.span11
	{
		float: none;
		width: 844px;
		margin-left: 0;
	}

	.table td.span12,
	.table th.span12
	{
		float: none;
		width: 924px;
		margin-left: 0;
	}

	.table tbody tr.success > td
	{
		background-color: #dff0d8;
	}

	.table tbody tr.error > td
	{
		background-color: #f2dede;
	}

	.table tbody tr.warning > td
	{
		background-color: #fcf8e3;
	}

	.table tbody tr.info > td
	{
		background-color: #d9edf7;
	}

	.table-hover tbody tr.success:hover > td
	{
		background-color: #d0e9c6;
	}

	.table-hover tbody tr.error:hover > td
	{
		background-color: #ebcccc;
	}

	.table-hover tbody tr.warning:hover > td
	{
		background-color: #faf2cc;
	}

	.table-hover tbody tr.info:hover > td
	{
		background-color: #c4e3f3;
	}

	.table-caption
	{
		font-weight: bold;
		margin-bottom: 20px;
	}

	.table-caption-column
	{
		text-align: right;
	}

	.table-column-num
	{
		text-align: right;
	}

	.table-caption-row
	{
		text-align: center;
	}

	.ui-dialog-title
	{
		float: none;
		text-align: center;
	}
}
/*
	M3Web-Design: Spezial-Styles für kleine Displays / mobile Geräte
	
	- wird nach allem anderen CSS-Files geladen
*/

@media handheld
{
}

/** ==================== Overrides bootstrap.css ================= **/

.control-group {
    margin-bottom: 1px;
}

/** ==================== Overrides layout.css ==================== **/

#header,
#footer {
    /*box-shadow: none; /*rgba(26, 26, 26, 0.4) 0px 0px 10px 0px;!1!*/
}

body.sticky-footer #wrap {
    margin: 0 auto -35px; /* Negative indent footer by it's height */
}

@media (min-width: 768px) and (min-height: 480px) {
    .fixed-footer #push,
    #footer {
        height: 30px;
    }
}

@media (min-width: 768px) and (min-height: 480px) {
    body.fixed-header.scrolled #header {
        /*box-shadow: none;*/
    }
}


#footer, #footer-content {
    min-height: 30px;
}


@media (min-width: 768px) {
    #footer-left,
    #footer-right,
    #footer-middle {
        padding-top: 5px;
    }
}

#footer-left .maininfo {
    padding-top: 5px;
}


/** ==================== Overrides style.css ==================== **/

html,
#header {
    background-color: #fff;
    background-image: url(/Public/Themes/Platforms/services/images/wolken.jpg);
    background-position-x: 50%;
    background-position-y: 0px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
}

dl.dl-horizontal > dt {
    text-align: left;
}

body {
    font-size: 13px;
}

table {
    font-size: 11px;
}

.well {
    background-color: rgba(255, 255, 255, 0.7);
}

#header .nav.level1 > li > a {
    color: #4D586A;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

#header span.caret {
    border-top-color: #4D586A;
}

#header .nav > li > a:hover,
#header .nav > li > a:focus {
    background-color: rgba(255, 255, 255, 0.4);
    /*background-color: transparent;*/
    border: 0 none;
    text-decoration: none;
    color: #000;
    text-shadow: 0.1em 0.1em 0.2em #EEEEEE;
}

fieldset.filter-form,
.form-container {
    background-color: rgba(217, 232, 243, 0.2);
    border: 1px solid #B4D2E8;
}

.modal {
    background-color: #fff;
    background-position-x: 50%;
    background-position-y: 0px;
    background-repeat: no-repeat;
}

body {
    background-color: transparent;
}

.page-actions .btn-toolbar {
    margin-top: 0px;
    margin-bottom: 10px;
    min-height: 30px;
}

.page-actions .btn {
    height: 30px;
    vertical-align: middle;
}

#header-content,
#footer-content {
    background: none;
    background-color: rgba(217, 232, 243, 0.5);
}

#header {
    border-bottom: 1px solid #B4D2E8;
}


#footer {
    background: #fff;
    border-top: 1px solid #B4D2E8;
    color: #92A9B6;
}

    #footer a {
        color: #92A9B6;
    }

        #footer,
        #footer a:hover,
        #footer a:visited {
            color: #0468B1;
        }

fieldset {
    margin-top: 5px;
}

.form-actions {
    background: transparent;
}

.modal-header {
    border-bottom: 2px solid #B4D2E8;
}

    .modal-header h3 {
        color: #0468B1;
        font-size: 20px;
        font-weight: bold;
    }


#logo h1 span {
    font-size: 9pt;
    color: #3A4648;
    font-weight: normal;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}


#header .nav.level1 > li.active > a,
#header .nav.level1 > li.active > a:hover,
#header .nav.level1 > li.active > a:focus {
    background-color: rgba(255, 255, 255, 0.6);
    /*background-color: rgba(217, 232, 243, 0.5);*/
    /*border: 1px solid #B4D2E8;*/
}

body.responsive #header .nav.level1 > li.active,
body.responsive #header .nav.level1 > li.active > a {
    box-shadow: none;
}


div.filter,
div.filter-notes {
    min-width: 100px;
}

    div.filter.small {
        width: 100px;
    }

#Vp_Palette, #Vp_Stueck, #Wae_Warenwert {
    font-size: 8pt;
    height: 28px;
}


@media (min-width: 980px) {
    #notifications {
        top: 0px;
        right: 40px; /* links neben I-MenuIcon */
        position: fixed;
    }

    .index-page #notifications {
        top: 0px;
    }
}

@media (min-width: 1200px) {
    #notifications {
        right: 60px; /* links neben I-MenuIcon */
    }
}

.requiredinput-label {
    font-weight: bold;
}

    .requiredinput-label:after {
        content: "*";
    }

p.ex1 {
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: bold;
}

input[type="checkbox"].ex2 {
    margin-top: 2px;
    min-height: 28px
}

.checkbox input[type="checkbox"].ex3 {
    margin-left: 3px;
}

.error {
    color: red;
}