/*************** NEU ***************/ 

html {
  margin: 0;
  overflow: hidden;
  height: 100%;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(../font/Roboto-Black.ttf);
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Roboto-Regular.ttf);
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(../font/Roboto-Medium.ttf);
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(../font/Roboto-Bold.ttf);
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(../font/Roboto-Light.ttf);
}

@font-face {
  font-family: 'Roboto Light';
  font-style: normal;
  font-weight: 300;
  src: url(../font/Roboto-Light.ttf);
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(../font/Roboto-Thin.ttf);
}

body {
  margin: 0;
  font-family: 'Roboto', sans-serif;
  overflow: hidden;
  height: 100%;
}

a, div, span {
  outline: 0;
}

.spartacus {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
  overflow-x: hidden;
  overflow-y: hidden;
  cursor: default;
}

.fehler404Content {
  width: 100%;
  height: 100%;
  position: relative;
}

.fehler404Hinweis {
   background-position: center bottom;
   background-repeat: no-repeat;
   background-size: contain;
   height: 100%;
   width: 100%;
}

.fehler404Deutsch {
  background-image: url("../img/404_fehler1024.svg");
}

.fehler404Englisch {
  background-image: url("../img/404_fehler1024_en.svg");
}

.nupTable {
	display: table;
	border-spacing: 0;
	position: static;
}

.nupTableRow {
	display: table-row;
	position: static;
}

.nupTableColumn {
  display: table-column;
  float: left;
  position: static;
}

.nupTableCell {
	display: table-cell;
	padding: 0;
	vertical-align: middle;
	position: static;
}

.nupCheckBox input[type="checkbox"] {
  display:none;
}
 
.nupCheckBox input[type=checkbox] + label {
  background: url('../img/checkbox.svg') no-repeat;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  cursor: pointer;
}

.nupCheckBox input[type=checkbox]:checked + label {
  background: url('../img/checkbox_select.svg') no-repeat;
}

.nupCheckBoxSmall input[type="checkbox"] {
  display:none;
}
 
.nupCheckBoxSmall input[type=checkbox] + label {
  background: url('../img/checkbox_small.svg') no-repeat;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  cursor: pointer;
}

.nupCheckBoxSmall input[type=checkbox]:checked + label {
  background: url('../img/checkbox_select_small.svg') no-repeat;
}

.nupCheckBoxOn {
  background: url(../img/checkbox_select.svg) no-repeat;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  cursor: pointer;
}

.nupCheckBoxOff {
  background: url(../img/checkbox.svg) no-repeat;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  cursor: pointer;
}

.nupCheckBoxSmallOn {
  background: url('../img/checkbox_select_small.svg') no-repeat;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  cursor: pointer;
}

.nupCheckBoxSmallOff {
  background: url('../img/checkbox_small.svg') no-repeat;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  cursor: pointer;
}

.nupCheckBoxSmallGrey {
  background: url('../img/checkbox_small_grey.svg') no-repeat;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  cursor: pointer;
}

.header {
  height: 4em;
  line-height: 4em;
  background-image: url(../img/header1024.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 4500;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.headerSchutz {
  position : absolute; 
  left:0; 
  top: 0; 
  background: transparent;
  width: 100%;
  height: 100%;
  z-index: 5001;
}

.headerText {
  color: #FFFFFF;
  font-size: 0.875em;
  font-weight: 400;
}

.headerTitel {
  height: 3.45em;
  display: table-cell;
  vertical-align: middle;
}

.headerLogo {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.headerModulTitel {
  left: 3.5em;
  position: absolute;
  cursor: pointer;
}

.headerButtonLinks {
	left: 1em;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.headerButtonRechts {
	right: 1em;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.optionen {
  display: flex;
  right: 0;
  position: absolute;
  z-index : 4000;
}

.optionen:after {
  clear: both;
}

.optionen-dropdown {
  outline: medium none;
  text-align: right;
  margin-right: 1em;
}

.optionenButton {
  vertical-align: middle;
  margin-top: -0.075em;
  margin-right: 0.5em;
  display: inline-block;
}

 .dropdown {
  right: 1em;
  text-align: right;
  min-width: 12em;
  margin-top: -1.09em;
  display: none;
  z-index : 4501;
  padding-bottom: 0.0625em;
}

.dropDownListItem {
  
  text-align: right;
  min-width: 12em;
  line-height: 2.5em;
  height : 2.5em;
  color: #333B44;
  display: block;
  font-size: 1em;
  font-weight: 400;
  padding-right: 0.5em;
}

.dropDownListItem:hover {
  background-color: #F8F9FA;
}

.dropdown, .menueDropDownTab, .widgetMenue, .sortMenue, .dialog, .dialogPinCode {
  position: absolute; 
  background-color: #ffffff;
  border: 1px solid #e0e3e7;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.menu {
  display: none;
  visibility: hidden;
  background-color: #fff;
  width: 100%;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
  position: relative;
  z-index: 3400;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  height: 4em; 
  overflow: hidden;
}

.menu.sichtbar {
  display: block;
  visibility: visible;
}

.menuItem {
  margin: 0 0 0 1em;
  min-width: 5em;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  outline: none;
  color: #677689;
}

.menuItemImgContainer {
  width: 100%;
  height: 2em;
  text-align: center;
  margin-bottom: 0.4em;
  margin-top: 0.4em;
}

.menuItemTitel {
  display: block;
  text-decoration: none;
  outline: none;
  margin-top: -0.2em;
  margin-bottom: 0.5em;
  font-size: 0.7em;
  font-weight: 400;
  cursor: pointer;
}

.menueListItem {
  cursor: pointer; 
  width: 25%; 
  float: left; 
  border-right: 1px solid #FFFFFF;
  background: #E0E3E7;
}

.menuePaddingRight {
  padding-right: 2em;
}

.menueDropDown {
  position: absolute;
  right: 2em;
  top: 1.25em;
}

.menueDropDownTab {
  padding: 0.5em; 
  float: right; 
  top: 0; 
  right: 2em; 
  z-index: 3400; 
  display: none;
  min-width: 6em; 
  max-width: 20em; 
  overflow: hidden;
}

.menueContent {
  height: 4em; 
  overflow: hidden; 
  width: 100%;
}
.containerHeaderMenu {
  margin-top: 1.3em;
  display: table-cell;
  float: right;
  padding: 0;
}
.containerHeaderSubMenuButton {
  position: absolute;
  /*right: 0.5em;*/
}

.containerHeaderSubMenu {
  background-color: #FFFFFF;
  border: 1px solid;
  margin-top: 0.3em;
  padding: 0.3em 0.5em;
  position: absolute;
  right: 1em;
  z-index: 100;
  width: 7em;
}

.containerHeaderSubMenuItem {
  cursor: pointer;
  float: right;
  font-size: 0.875em;
  font-weight: 300;
  padding: 0.4em 0.8em 0.4em 0;
  position: relative;
  text-align: right;
  width: 100%;
}

.containerHeaderMenuItem {
  font-size: 0.875em;
  font-weight: 300;
  margin-left: 1em;
  cursor: pointer;
}

.link {
  text-decoration: none;
  font-size: 0.875em;
  font-weight: 400;
  padding-bottom: 0.625em;
  display: block;
}

.dropContainerRahmen {
  border: 1px dashed;
  height: 100%;
  padding: 0.5em 1em;
}
.dropContainerHover {
	background: #ec9f32;
}

.dropContainerActiv {
  background: #FFFFFF;
}

.dropElementAktiv {
  border: 1px solid;
  height: 100%;
  width: 100%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  cursor: move;
}

.dashboardContainer {
	
}

.nowrapLabel {
  white-space: nowrap;
}

.modulContainer {
  width: 100%;
}

.scrollContainer {
  -webkit-overflow-scrolling: touch;
}

.disableScroll {
  overflow-y: hidden;
}

.enableScroll {
  overflow-x: hidden;
  overflow-y: auto;
}

.zusatzPaddingRight {
	padding-right: 1em;
}

.modulContainerRechts {
	
}

.modulContainerLinks {
	
}

.modulEditContent {
  z-index: 3600;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #E0E3E7;
  border-right: none;
  /* border-top : none; */
}

.terminContainer {
  position: absolute; 
  top: 0;
  z-index: 1000;
}

.layoutBenutzerContainer {
  position: absolute; 
  top: 0;
  z-index: 1000;
}

.containerContent, .containerListContent, .containerSubListContent {
  padding-right: 1em;
  padding-left: 1em;
  overflow-x: hidden;
  overflow-y: auto;
}

.containerListContent {
  padding: 0;
}

.containerHeader, .containerHeaderTab {
  height: 3.625em;
  width: 100%;
  padding-right: 1em;
  padding-left: 1em;
  position: relative;
}

.containerHeaderTabContent {
  height: 5.09375em;
  width: 100%;
  padding-right: 1em;
  padding-left: 1em;
  position: relative;
  overflow: hidden;
}

.containerHeaderTabContentRahmen {
  float: left;
  overflow-y:hidden; 
  overflow-x:auto;
  width:100%; 
  border-bottom: 1px solid #e0e3e7;
}

.containerHeaderTabContentTitel {
  margin-top: 0.875em; 
  margin-bottom: 0.575em;
  width: auto; 
  float: left;
}

.containerHeaderTabItem {
  color: #333B44;
  font-size: 1em;
  font-weight: 300;
  position: relative;
  cursor: pointer;
  float:left;
}

.containerHeaderTabItemAktiv {
  border-bottom: 2px solid;
  padding-bottom: 0.25em;
  cursor:default;
}

.tabItemAbstand {
  margin-left: 0.5em;
}

.doppelBreite {
  width : 200%;
}

.standardBorderBottom {
  border-bottom: 0.0625em solid #E0E3E7;
}

.standardHeaderContent {
  height : 100%;
  width : 100%;
  border-bottom: 0.0625em solid #E0E3E7;
}

.standardPaddingTop {
  padding-top: 1em;
}

.standardPaddingBottom {
  padding-bottom: 1em;
}


.halfPaddingTop {
  padding-top: 0.5em;
}

.halfPaddingBottom {
  padding-bottom: 0.5em;
}

.standardMarginTop {
  margin-top: 1em;
}


.halfMarginTop {
  margin-top: 0.5em;
}

.standardMarginBottom {
  margin-bottom: 1em;
}

.standardEndPflichtBereich {
  margin-bottom: 2em;
}

.containerHeaderTabTitel {
  color: #333B44;
  font-size: 1.375em;
  font-weight: 300;
}

.containerHeaderTabMenu {
  width: auto;
}

.containerTitelText,
.containerHeaderTitel,
.containerHeaderTitelAktion,
.containerHeaderTitelTab {
  color: #333B44;
  font-size: 1.375em;
  font-weight: 300;
  line-height: 2.625em;
}

.containerHeaderTitel {
  position: absolute;
  cursor: default;
}

.containerHeaderTitelAktion {
  position: relative;
  cursor: pointer;
  float:left;
  margin-right: 0.1875em;
  white-space: nowrap;
}

.containerHeaderTabItemAktion {
  color: #333B44;
  font-size: 1.375em;
  font-weight: 300;
  line-height: 2.625em;
  position: relative;
  cursor: pointer;
  float:left;
  margin-right: 0.1875em;
  white-space: nowrap;
}

.containerHeaderTitelTab {
  position: relative;
  cursor: default;
  float: left;
  margin-right: 0.1875em;
}

.containerHeaderTitelSubAktion {
  color: #333B44;
  font-size: 1em;
  font-weight: 300;
  line-height: 2.575em;
  position: relative;
  cursor: pointer;
  float:left;
  margin-left: 0.5em;
  margin-top: 0.6875em;
}

.containerHeaderTitelSubAktionAktiv {
  cursor: default;
}

.containerHeaderAktion {
	font-size: 0.875em;
	font-weight: 300;
	line-height: 4.125em;
	position: absolute;
	cursor: pointer;
}

.layoutEinstellungAktion {
	font-size: 0.875em;
	font-weight: 300;
	line-height: 4.125em;
	position: relative;
	cursor: pointer;
	float: left;
	padding-left: 1em;
}

.containerHeaderAktionMenue {
	font-size: 0.875em;
	font-weight: 300;
	float: right;
	position: relative;
	margin-left: 1em;
	cursor: pointer;
	margin-top: 1.61em;
}

.subListElementLinksAktion {
    float: left;
    margin-left: 1em;
}

.subListInlineAktion {
	width: 5em;
}

.disableZone {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 500;
}

.disableInput {
  background-color: #000000;
  color: #c1c8cf;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(Opacity=50);
}

.containerTitel, .containerTitelPflicht {
  color: #333B44;
  font-size: 1.375em;
  font-weight: 300;
  line-height: 2.625em;
  cursor: default;
}

.containerTitelPflicht {
  color: #a53920;
}

input[type='number'] {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  border-radius: 0;
  appearance: none;
  outline : none;
  margin: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.label, .labelPflicht, .loginFehlerText {
  color: #8591A0;
  font-size: 0.75em;
  font-weight: 400;
  padding-bottom: 0.25em;
  display: inline-block;
}

.labelPflicht {
  color: #a53920;
  font-weight: 600;
}

.labelGesamtAnzahl {
  color: #8591a0;
  font-size: 0.875em;
  font-weight: 300;
  padding-left: 0.25em;
  padding-top: 0.25em;
  width: 3.25em;
  white-space: nowrap;
}

.inputText, .inputTextArea, .inputDatumText {
  border: none;
  width: 100%;
  color: #333B44;
  font-size: 1em;
  font-weight: 400;
  padding-left: 0.375em;
  background: transparent;
  border-radius: 0;
  overflow-y: hidden;
  resize: none;
  height: 2em;
  background: bottom -1px left -moz-linear-gradient(#C1C8CF, #C1C8CF) no-repeat,
              bottom -1px center -moz-linear-gradient(#C1C8CF, #C1C8CF) repeat-x,
              bottom -1px right -moz-linear-gradient(#C1C8CF, #C1C8CF) no-repeat;
            
  background: bottom -1px left -webkit-linear-gradient(#C1C8CF, #C1C8CF) no-repeat,
              bottom -1px center -webkit-linear-gradient(#C1C8CF, #C1C8CF) repeat-x,
              bottom -1px right -webkit-linear-gradient(#C1C8CF, #C1C8CF) no-repeat;
           
                
  background: bottom -1px left linear-gradient(#C1C8CF, #C1C8CF) no-repeat,
              bottom -1px center linear-gradient(#C1C8CF, #C1C8CF) repeat-x,
              bottom -1px right linear-gradient(#C1C8CF, #C1C8CF) no-repeat;
              
  background: -ms-linear-gradient(#C1C8CF, #C1C8CF) bottom -1px left no-repeat,
              -ms-linear-gradient(#C1C8CF, #C1C8CF) bottom -1px center repeat-x,
              -ms-linear-gradient(#C1C8CF, #C1C8CF) bottom -1px right no-repeat;
  
  background-size: 1px 4px, 1px 1px, 1px 4px;
  border-bottom: 1px solid #C1C8CF;
	
  /* muss hier nochmal angegeben werden, damit das auch bei einer Textarea zieht. */
  font-family: 'Roboto', sans-serif;
}

.inputTextArea {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.inputText::-ms-clear,
.inputTextArea::-ms-clear,
.inputDatumText::-ms-clear {
  display: none;
  width : 0;
  height: 0;
}


.inputText:focus, .inputTextArea:focus, .inputDatumText:focus,
.inputZeit:focus {  
  outline: none;
  appearance: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.inputDatumText {
  width: 8em;
  padding-right : 2em;
  cursor: default;
  outline: none;
}

.inputZeit {
  width: 3.5em;
  border: none;
  color: #333B44;
  font-size: 1em;
  font-weight: 400;
  height: 2em;
  padding-left: 0.5em;
  background: transparent;
  font-family: 'Roboto', sans-serif;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background: bottom -1px left -moz-linear-gradient(#C1C8CF, #C1C8CF) no-repeat,
              bottom -1px center -moz-linear-gradient(#C1C8CF, #C1C8CF) repeat-x,
              bottom -1px right -moz-linear-gradient(#C1C8CF, #C1C8CF) no-repeat;
            
  background: bottom -1px left -webkit-linear-gradient(#C1C8CF, #C1C8CF) no-repeat,
              bottom -1px center -webkit-linear-gradient(#C1C8CF, #C1C8CF) repeat-x,
              bottom -1px right -webkit-linear-gradient(#C1C8CF, #C1C8CF) no-repeat;
              
  background: bottom -1px left linear-gradient(#C1C8CF, #C1C8CF) no-repeat,
              bottom -1px center linear-gradient(#C1C8CF, #C1C8CF) repeat-x,
              bottom -1px right linear-gradient(#C1C8CF, #C1C8CF) no-repeat;
              
  background: -ms-linear-gradient(#C1C8CF, #C1C8CF) bottom -1px left no-repeat,
              -ms-linear-gradient(#C1C8CF, #C1C8CF) bottom -1px center repeat-x,
              -ms-linear-gradient(#C1C8CF, #C1C8CF) bottom -1px right no-repeat;
  
  background-size: 1px 4px, 1px 1px, 1px 4px;
  border-bottom: 1px solid #C1C8CF;
}

.inputComboBox {
	border: 0px solid;
	border-bottom: 1px solid #C1C8CF;
	border-radius: 0;
	width: 100%;
	color: #333B44;
	font-size: 1em;
	font-weight: 400;
	cursor: pointer;
	
	padding-right: 1.2em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
	/* ausblenden der Standard CB */
	outline: 0px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	
	/* setzen der neuen CB */
	background-position: center right;
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: 1.25em 1.25em;
    background-image: url(../img/dropdown.svg), none;
	height: 2em;
	font-family: 'Roboto', sans-serif;
}

.inputComboBox:focus {
   background-image: url(../img/dropdown_select.svg), none
}

/* ausblenden des CB-Knopfes im IE */
.inputComboBox::-ms-expand {
    display: none;
}

.inputMenge {
  width:5em; 
  text-align:right; 
  padding-right:0.5em;
}

.inputNumber {
  width: 8.5em;
  text-align: right;
  margin-right: 1em; 
  padding-right: 3em; 
}

.inputCheckbox {
  margin-right: 0.25em;
  display: inline-block;
  vertical-align: middle;
}

.inputJahr {
  margin-left: 0.5em; 
  width: 3em; 
}

.preLine {
  white-space: pre-line; 
  line-height: initial;
}

.sortComboBox {
	border: none;
	width: 5.5em;
	color: #333B44;
	font-size: 0.875em;
	font-weight: 300;
	padding-top: 1.45em;
	cursor: pointer;
	float: right;
	position: relative;
	/* ausblenden der Standard CB */
	outline: 0px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
    text-overflow: '';
	height: 2.5em;
}

/* ausblenden des CB-Knopfes im IE */
.sortComboBox::-ms-expand {
    display: none;
}

.sortImage {
	padding-top: 1.125em;
    right: 1em;
    position: absolute;
    z-index: 1;
    background-color:#ffffff;
}

.toaster {
    position : fixed;
    display : none;
    bottom: 1em;
    background-color : #333B44;
    color: #ffffff;
    font-size: 0.75em;
    font-weight: 300;
    max-width: 25em;
    padding: 1em;
    text-align: center;
    z-index : 4000;	
}

.dialog, .dialogPinCode {
  width: 20em;
  margin: auto;
  display: none;
  z-index : 4000;
  left: 0;
  right: 0;
  color: #333b44; 
}

.blocker, .blockerDialog {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.blocker {
  z-index: 1000;
}

.blockerDialog {
  background-color: rgba(0,0,0,0.1);
   z-index: 4000;
}

.dialogTitel {
  padding: 1em 0;
  font-weight: 400;
  text-align: center;
}

.dialogNachricht {
  width: 100%;
  display: block;
  font-weight: 300;
  font-size: 0.875em;
  padding: 1em 1em 0;
  text-align: center;
}

.dialogBtn50 {
  width: 50%;
  display: inline-block;
  padding: 2em 1em 1em;
  cursor: pointer;
  text-align: center;
}


.dialogBtn100 {
  width: 100%;
  display: block;
  padding: 2em 1em 1em;
  cursor: pointer;
  text-align: center;
}

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

.zurueckBtn {
  display: none; 
  position: relative; 
  margin-top: 1.2em; 
  float: left
}

.topEbene {
  z-index: 4500;
}

/* Fokus-Style für alle Inputs */
.inputComboBox:focus {
  border: 0px solid;
  border-bottom: 1px solid;
  border-radius: 0;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.inputNupObjekt {
  background: bottom -1px left -moz-linear-gradient(#C1C8CF, #C1C8CF) no-repeat,
              bottom -1px center -moz-linear-gradient(#C1C8CF, #C1C8CF) repeat-x,
              bottom -1px right -moz-linear-gradient(#C1C8CF, #C1C8CF) no-repeat;
            
  background: bottom -1px left -webkit-linear-gradient(#C1C8CF, #C1C8CF) no-repeat,
              bottom -1px center -webkit-linear-gradient(#C1C8CF, #C1C8CF) repeat-x,
              bottom -1px right -webkit-linear-gradient(#C1C8CF, #C1C8CF) no-repeat;
                 
  background: bottom -1px left linear-gradient(#C1C8CF, #C1C8CF) no-repeat,
              bottom -1px center linear-gradient(#C1C8CF, #C1C8CF) repeat-x,
              bottom -1px right linear-gradient(#C1C8CF, #C1C8CF) no-repeat;
              
  background: -ms-linear-gradient(#C1C8CF, #C1C8CF) bottom -1px left no-repeat,
              -ms-linear-gradient(#C1C8CF, #C1C8CF) bottom -1px center repeat-x,
              -ms-linear-gradient(#C1C8CF, #C1C8CF) bottom -1px right no-repeat;
  
  background-size: 1px 4px, 1px 1px, 1px 4px;
  border-bottom: 1px solid #C1C8CF;
  width: 100%;
}

.inputNupObjektText, .inputNupObjektReadonly, .inputNupKontaktFilter, .inputNupObjektFilter {
  border: none;
  background-image:none;
  width: 100%;
  color: #333B44;
  font-size: 1em;
  font-weight: 400;
  height: 2em;
  padding-left: 0.375em;
  outline: none;
  outline-color: #ffffff;
  font-family: 'Roboto', sans-serif;
}

.inputNupObjektReadonly {
	cursor: default;
}

.inputNupObjektText {
  cursor: pointer;
  
}

.inputNupKontaktFilter, .inputNupObjektFilter {
  cursor: text;
}

.inputNupObjektLoeschen {
	width: 1.5em;
}

.outputTable {
	width: 100%;
}

.outputTable td {
	vertical-align: top;
}

.outputLabel {
  color: #8591A0;
  font-size: 0.75em;
  font-weight: 400;
  padding-right: 2em;
  padding-top: 0.0625em;
  padding-bottom: 0.625em;
  display: block;
}

.outputLabelEndeGruppierung {
  padding-bottom: 2.125em;
  display: block;
}

.outputText {
  color: #333B44;
  font-size: 0.875em;
  font-weight: 400;
  padding-bottom: 0.625em;
  display: block;
  text-align: justify;
  white-space: pre-wrap;
  word-break: break-word;
}

.outputTextSmall {
  color: #333B44;
  font-size: 0.875em;
  font-weight: 400;
  padding-top: 0.0625em;
  display: block;
  text-align: right;
}

.outputTextEditInput {
  color: #333B44;
  font-size: 0.875em;
  font-weight: 400;
  padding-top: 0.0625em;
  display: block;
  text-align: right;
  float: right;
}

.outputTextEditInputPflicht {
  color: #a53920;
  font-size: 0.875em;
  font-weight: 600;
  padding-top: 0.0625em;
  display: block;
  text-align: right;
  float: right;
}

.outputTextEndeGruppierung {
	padding-bottom: 2.125em;
	display: block;
}

.outputTextTd {
	width: 100%;
}

.outputTableLabel {
  width: 5em;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}


.fehlerText {
  color: #a53920;
  font-size: 0.75em;
  font-weight: 300;
  margin-bottom : 1em;
}

.pinCodeFehlerText {
  color: #ffffff;
  font-size: 1em;
  font-weight: 400;
}

/*************** ALT ***************/

/* Allgemein */

/* Sorgt für eine korrekte Breiten und Hühenberechnung, trotz zusätzlichem Margin und Padding*/
*,*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:before,.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

.clearfix:after {
  clear: both;
}

ul,li,p {
  padding: 0;
  margin: 0;
}

img {
  border: none;
}

.smart {
  display: none;
  visibility: hidden;
}

/*--------------------------------------*/

.logo {
  width: 24px;
  padding: 3px;
}

.modulTitel {
  color: #EEEEEE;
  margin-top: 13px;
  pointer-events: none;
  position: absolute;
}

/*--------------------------------------*/
/* hauptBereich */
#hauptBereich {
  margin: 0 auto 0;
  height: 100%;
}
/*--------------------------------------*/

/*------------------------------------------*/
/* Modulmenübutton */
#modulMenue {
  position: relative;
  width: auto;
  float: right;
  height: 26px;
}

#modulMenueContent {
  position: relative;
  float: right;
  font-size: 1em;
}

.modulMenueButton {
  position: relative;
  list-style: none;
  width: 120px;
}

.modulMenueButton img {
  padding-top: 0.3em;
}

.modulMenueText {
  font-size: 1.2em;
  padding: 0.35em;
}

/*--------------------------------------*/
/* Content */
#hauptContainer {
  position: relative;
  background-color: #FFFFFF;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

#modulContainer {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#modulContainerDaten {
  position: relative;
  width: 200%;
  top: 0;
  left: 0;
  overflow: hidden;
}


.panelKopfText {
  width: 100%;
  height: 35px;
  padding: 5px;
}

.panelBasisContentKopfText {
  width: 100%;
  height: 20px;
  border: 1px solid #aaaaaa;
  background-color: #d6d6d6;
  font-weight: bold;
  font-size: 1.25em;
}

.panelBasisContent {
  border: 1px solid #aaaaaa;
  width: 99%;
}

.modulUnterMenue {
  position: relative;
  width: auto;
  float: right;
  height: 26px;
}

.modulUnterMenueButton {
  float: left;
}

.contentDatenContainer {
  width: 100%;
  top: 0;
  left: 0;
  float: left;
  background-color: #FFC793;
}

/*List Content */
ul.contentDatenliste {
  float: left;
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
}

ul.contentDatenliste li {
  float: left;
  position: relative;
  list-style: none;
  margin: 5px 0px 6px 0px;
  padding: 2px;
  font-size: 1em;
  background-color: #d6d6d6;
}

ul.contentDatenliste li:first-child {
  width: 30%;
  float: left;
}

ul.contentDatenliste li:last-child {
  width: 68%;
  float: right;
}

.titelText {
  font-size: 1.25em;
}

.statusText {
  font-weight: bold;
  font-size: 12px;
  color: #325374;
}

/* widget for start site*/
.standardRahmen {
  border: 1px solid #bbb;
  width: 100%;
}

.widgetDropHover {
  background-color: #E0E3E7;
}

.widgetMenue, .sortMenue {
  z-index: 1000; 
  color: #333b44; 
  display:none;
}

.widgetMenue {
  top: 0; 
  right: 7.5em;
  text-align: center; 
}

.sortMenue {
  width: 11em;
  top: 2.375em; 
  right: 0;
  text-align: right;
  z-index: 1000; 
  display:none;
}

.sortElement {
  float: right;
  position: absolute;
  right: 1em;
  top: 1.25em;
}

.widgetMenueItem {
  padding: 0.25em 1em 0 1em;
}

.sortMenueItem {
  padding-left: 0.5em;
  padding-right: 0.5em;
  color: #333B44;
}

.widgetMenueItem, .sortMenueItem {
  width :100%; 
  height: 2em; 
  cursor: pointer;
  padding-top: 0.25em;
}

.sortMenueItem:hover, .widgetMenueItem:hover {
  background-color: #F8F9FA;
}

.widgetLayoutLoeschen {
	position: absolute; 
	top: 0.5em; 
	right: 0.5em; 
	float: right; 
	display: none;
}

.widgetLayoutHeader {
  width: 100%; 
  height: 100%; 
  text-align: center; 
  background: none;
  position: relative;
  display: table;
  cursor: move;
}

.widgetLayoutHeaderContent {
  color: #333B44;
  width: 100%;
  display: table-cell; 
  vertical-align: middle;
  cursor: move;
}

.widgetLayoutHeaderTitel {
  color: #333b44;
  font-size: 1.375em;
  font-weight: 300;
  cursor: move;
}

.widgetContent {
  padding-left: 1em;
  padding-right: 1em;
}

.widgetRahmen {
  border: 1px solid #e0e3e7;
  padding: 0px 5px 5px 0px;
  overflow: hidden;
  margin: 10px 0px;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.diagramMarker {
  /* Dient zur Markierung, Identifizierung
     und Initialisierung von Diagrammen */
}

.widgetRahmen:last-child {
  border-bottom: none;
}

.widgetRahmenLetztesElement {
  margin-bottom: 1.25em;
}

.widgetGap {
  overflow: hidden;
  margin-top: 5px;
}

/*List Content */
ul.ListContent {
  float: left;
  width: 99%;
  border-bottom: 1px solid #d6d6d6;
}

/*Letzter Listeintrag (ohne Trennlinie)*/
ul.ListContent:last-child {
  border-bottom: 0px;
}

ul.ListContent li {
  float: left;
  position: relative;
  list-style: none;
  margin: 5px 10px 6px 4px;
  padding: 2px;
  font-size: 12px;
  max-width: 100%;
  background-color: #999999;
}

/*Funktion wird rechts dargestellt*/
ul.ListContent li:last-child {
  float: right;
  width: 24px;
  height: 24px;
}

ul.ListContent li:first-child {
  font-weight: bold;
  width: 80px;
  height: 20px;
}

ul.ListContent li:nth-child(2) {
  width: 55%;
}

ul.ListContent:hover {
  background-color: #b9d8c7;
}

ul.ListContent   a {
  text-decoration: none;
}

ul.ListContent a:visited {
  color: black;
}

ul.ListContent li a:hover {
  color: #7A7A7A;
}

p.ListContentCaption {
  font-weight: bold;
  margin-bottom: 5px;
}

p.ListContent:last-child {
  margin-top: 5px;
}

p.ListContent:nth-child(2) {
  font-style: italic;
  margin-bottom: 5px;
}

ul.DetailsContent {
  float: left;
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
}

/*Letzter Listeintrag (ohne Trennlinie)*/
ul.DetailsContent:last-child {
  border-bottom: 0px;
}

ul.DetailsContent li {
  float: left;
  position: relative;
  list-style: none;
  font-size: 12px;
  max-width: 100%;
  background-color: #999999;
}

ul.DetailsContent li:last-child {
  /*float: right;*/
  width: 75%;
  height: auto;
}

ul.DetailsContent li:first-child {
  width: 25%;
  height: auto;
}
/*--------------------------------------*/
/*
* Tabelle
*/
.tabelle {
  display: table;
  width: 6em;
  border-spacing: 0;
  border-bottom: 0.0625em solid #C1C8CF;
  padding-bottom: 0.125em;
  height: 1.5em;
}

.zeile {
  display: table-row;
  width: 100%;
}

.spalte {
  float: left; /*fix for  buggy browsers*/
  display: table-column;
  width: 3em;
  height: 1em;
}

.Titel {
  width: 28%;
  margin-right: 1%;
}

.Inhalt {
  width: 70%;
}

.Ueberschrift {
  font-size: 20px;
  margin-bottom: 10px;
}

.Ueberschrift2 {
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 10px;
}

/*--------------------------------------*/


#listecontent {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
}

#detailcontent {
  overflow-x: hidden;
  overflow-y: auto;
}

.standardBreite {
	width : 100%;
}

.standardPaddingLeft {
	padding-left: 1em;
}

.standardRight1 {
	right: 1em;
}

.standardRight15 {
	right: 1.5em;
}

.standardRight2 {
	right: 4em;
}
.standardRight3 {
	right: 7em;
}
.standardRight5 {
	right: 5em;
}
.standardSchriftFormat {
	font-size: 1em;
	font-weight: 300;
}

.standardHoehe {
	height:100%;
}

.fktIcon {
  float: right;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-size: cover;
}

.tabInaktiv {
  height: 0;
  width: 100%;
  opacity: 0;
}
/*--------------------------------------*/
.sichtbar {
  display: block;
}

.unsichtbar {
  display: none;
}

.floatLinks {
  float: left;
}

.floatRechts {
  float: right;
}

.BgColor {
  background-color: #8fbfbf;
}

.clear {
  clear: both;
}

.inputBlock {
  display: block;
  padding-top: 5px;
}

.inputBox {
  position: relative;
  margin: 0 5px 0 5px;
  width: 98%;
}

.inputTextFeld {
  position: relative;
  margin: 0 5px 0 5px;
  width: 98%;
}

.schutzPanel {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 500;
  background-color: #000000;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(Opacity=10);
  display: none;
}

.schutzPanelTransparent {
  background: transparent;
 /*  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(Opacity=0); */
}

.schutzAllScreen {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 500;
  background: transparent;
  display: none;
}

.kontaktFenster, .nupObjektFenster {
  top: 0;
  padding: 0; 
  margin-left: 0;
  position: absolute;
  width: 40%;
  height: 100%;
  z-index: 3700;
  background-color: #ffffff;
}

.kontaktFensterContent, .nupObjektFensterContent {
  margin: 0 auto;
  padding: 0;  
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 1em;
  font-weight: 300;
}

.kontaktFensterContentDaten, .nupObjektFensterContentDaten {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.nupObjektFensterContentDaten {
  padding-left: 1em;
  padding-right: 1em;	
}

.kontaktFilter, .nupObjektFilter {
  margin-top: 1em;
  width: 100%;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
}

.kontaktFilter {
  height: 8.5em;
}

.nupObjektFilter {
  height: 4em;
}

.kontaktContainer, .nupObjektContainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.kontaktEintrag, .nupObjektEintrag {
  border-bottom: 1px solid #C1C8CF;
  cursor: pointer;
  padding-top: 1em;
  padding-bottom: 1em;
}

.kontaktEintragName {
  color: #4D5867;
  font-size: 1em;
  font-weight: 300;
}

.kontaktEintragZusatz {
  color: #8591A0;
  font-size: 0.75em;
  font-weight: 300;
}

ul li.kontaktEintrag {
	list-style: none;
}
li:last-child.kontaktEintrag {
	border-bottom: none;
}

ul li.nupObjektEintrag {
	list-style: none;
}
li:last-child.nupObjektEintrag {
	border-bottom: none;
}

table:last-child.nupObjektInputNupObjekt {
	border-bottom: 1px solid #C1C8CF;
}

.sucheInputNupObjekt {
  width: 100%;
  border: 0px solid;
  border-bottom: 1px solid #C1C8CF;
}


.kontaktElementTitel {
	color: #333B44;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 3em;
}

.kontaktElementText {
  color: #4D5867;
  font-size: 0.875em;
  font-weight: 300;
}


.inlineFunktion {
  width: 1.5em;
}

.inlineFunktionText {
  font-size: 0.875em;
  font-weight: 300;
  cursor:pointer;
  white-space: nowrap;
}

.tgmBaumFenster {
  top: 0;
  padding: 0; 
  margin-left: 0;
  position: absolute;
  width: 40%;
  height: 100%;
  z-index: 3700;
  background-color: #ffffff;
}

.tgmBaumFensterContent {
  margin: 0 auto;
  padding: 0;  
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 1em;
  font-weight: 300;
}

.tgmBaumFensterContentDaten {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.tgmBaumContainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-hightlight-color: transparent;
}

.tgmBaumContainerContent {
  float: left;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.tgmBaumElement {
  width: 100%;
  height: 3em;
  list-style: none;
  border-top: 1px solid #E0E3E7;
}

li:last-child.tgmBaumElement {
	border-bottom: none;
}
.tgmBaumElementListe {
  width: 100%;
  overflow: hidden;
}

.tgmBaumObjektType {
  font-size: 0.625em;
  position: relative;
  color: #333B44;
  cursor: default;
}

.tgmBaumText {
  position: relative;
  top: -0.25em;
  left: 0.25em;
  color: #333B44;
  font-size: 0.875em;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tgmBaumEintragText {
  position: relative;
  top: 0.325em;
  cursor: default;
  color: #333B44;
  font-size: 1em;
  font-weight: 400;
  height: 2em;
  line-height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tgmBaumEintrag {
  cursor: pointer;
  width:100%;
  margin-left: 0.25em;
}

.tgmBaumElementHatKinder {
  position: relative;
  top: 0.5em;
  width: 16px;
  height: 16px;
  float: right;
  cursor: pointer;
  margin-top: 0.25em;
}


.tgmBaumSlider {
	width: 100%;
	overflow: hidden;
	height: 2.5em;
/*	background-color: #E0E3E7;*/
	text-align: center;
}

.tgmBaumSliderRahmen {
	width: 100%;
	overflow: hidden;
	height: 2.5em;
	position: relative;
}

.tgmBaumSliderContent {
	position: absolute;	
	width: 100%;
	height: 100%;
	top: 0.625em;
	cursor: default;
	right: 0;
	text-align: right;
	-webkit-text-size-adjust: none;
}

.tgmBaumSliderElement {
	list-style: none; 
	left: 0;
	display: inline;
	background-image: url(../img/weiter.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 1em;
	padding-right: 1em;
	white-space: nowrap;
}

li:last-child.tgmBaumSliderElement {
	background-image: none;
	padding-right: 0;
}

.tgmBaumSliderWidthScrollbar {
  overflow-x: auto;
  overflow-y: hidden;
}

/*******/
.fileList {
	color: #4D5867;
    font-size: 0.875em;
    font-weight: 300;
}

#nupDokument table {
	border-collapse: collapse;
}

.file-size{
  font-size: 0.75em;
  font-weight: 350;
  line-height: 1em;
  display: block;
}

.dropContainer {
	width: 100%;
	height: 4em;
	border: 1px solid #C1C8CF;
	font-weight: 400;
	background-color: #FFFFFF;
	text-align: center;
	color: #C1C8CF;
	font-size: 1em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;}


.dropContainer span {
  line-height: 1.5em;
  display: block;
}

.dropContainer.not-available {
  background-color: #D60A31;
}

.dropContainer.over {
  background-color: #E6EDF4;
}

.dropDownZeitList {
  width : 4.5em;
  position: absolute; 
  z-index: 4000; 
  background-color: #ffffff;
  border: 1px solid #e0e3e7;
  overflow-x: hidden;
  overflow-y: auto;
  moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); 
}

.dropDownZeitListItem {
  width : 100%;
  color: #333B44;
  padding: 0 0.5em;
}

.dropDownZeitListItem:hover {
  background-color: #D5D5D5;
}

.dateiInfo {
	color: #333B44;
	font-size: 0.75em;
	font-weight: 300;
	bottom: 0;
	position: relative;
	left: 0;
}

.vorschauBild {
	width: 2em;
	height: 2em;
}

.vorschauBildListElement {
	float : left;
	width: 2.5em; 
	height : 2.5em;
	padding: 0.25em; 
	display: inline-block;
}

/*******/

img:hover {
  cursor: pointer;
}

#standort {
  float: left;
  /*width:100%;*/
}
/**
* AnzeigeModus
*/
#anzeigeModus {
  opacity: 0;
  height: 0;
  display: none;
  float: left;
}

.formButton{
	display:block;
}

/**
* Login
*/

.login, .dialogPasswortAendern {
  
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 5000;
  overflow-x: hidden;
  overflow-y: auto;
}

.login {
  background-color: #fff;
}
.dialogPasswortAendern {
  display: none;
  background: transparent;
  width: 100%;
  height: 100%;
  padding-top: 4em;
  position: fixed;
  top: 0;
 
}

.loginForm {
  margin: 0 auto;
  width: 18em;
  margin-top: 4.5em;
  padding-bottom: 2em;
}

 .pwdForm {
   margin: 0 auto;
   width: 20em;
   border: 1px solid #C1C8CF;
   padding: 0.875em;
   background: #ffffff;
 }

.loginButton {
  font-size: 1em;
  text-align: center;
  border: none;
  background-image:none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  border-radius: 0;
}

.loginButton, .pwdButton {
  width: 100%;
  margin-top: 2em;
  border: 1px solid #C1C8CF;
  height: 2.625em;
}

.pwdButton2 {
  width: 50%;
  display: inline-block;
}

.pwdRahmen {
  width: 100%;
  height: 42px;
  padding-top: 1em;
}

.loginFehlerText {
  color: #a53920;
  width: 100%;
  padding-top: 1em;
  text-align: center;
}

.pwdfFehlerText {
  color: #a53920;
  width: 100%;
  padding-top: 1em;
  text-align: center;
}

.pwdfOkText {
  width: 100%;
  padding-top: 1em;
  text-align: center;
}

.loginLogoContainer {
  padding-top: 7em;
  width: 100%;
}

.loginLogo {
  width: 0;
  padding: 3.85em 6.25em; 
  background-image: url(../img/spartacus.svg), none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: auto;
}

.loginPasswortAendernText {
  margin-bottom: 3em;
  text-align: center;
}

.splashscreen {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

.splashscreenBanner {
  background-image: url(../img/header1024.svg), none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 0;
  padding: 3em 50%;
  margin-top: 16em;
  position: absolute;
}

.splashscreenLoading {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.switchAnimation.ng-enter,
.switchAnimation.ng-leave {
  -webkit-transition:0.5s linear all;
  transition:0.5s linear all;
}

.switchAnimation.ng-enter {
  opacity: 0;
}

.switchAnimation.ng-leave {
  opacity: 1;
}

.switchAnimation.ng-enter.ng-enter-active {
  opacity:1;
  
}

.switchAnimation.ng-leave.ng-leave-active {
  opacity:0;
  z-index : 0;
}

:-moz-placeholder {
  color: #aaa;
  font-weight: 300;
}

::-moz-placeholder {
  color: #aaa;
  font-weight: 300;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: #aaa;
  font-weight: 300;
}

:-ms-input-placeholder {
  color: #aaa;
  font-weight: 300;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.kalender {
  position: relative;
  /*margin-right:10px;*/
  margin: 0 5px 0 5px;
  width: 100px;
}


.modulHoeheMitKopf{
	height : 0;
}

.modulHoeheOhneKopf{
	height : 0;
}

.cursorInputInaktiv {
	cursor: default;
}
.cursorInputAktiv {
	cursor: text;
}


/******************** ICONS **********************/
.neuIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/neu.svg), none;
}

.neuIcon:hover {
  background-image: url(../img/neu.svg), none;
}

.notizIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/notiz.svg), none;
}

.notizIcon:hover {
  background-image: url(../img/notiz_select.svg), none;
}

.menuIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/menu.svg), none;
}

.zurueckIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/zurueck.svg), none;
}
.zurueckIconTop {
	top:1.2em;
}

.zurueckIconAbstand {
	margin-left : 1.2em;
}

.zurueckIcon:hover {
  background-image: url(../img/zurueck_select.svg), none;
}

.zurueck2Icon {
  width: 0;
  padding:0.75em 0.375em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/zurueck2.svg), none;
  cursor: pointer;
}

.zurueck2Icon:hover {
  background-image: url(../img/zurueck2_select.svg), none;
}

.zurueckEndIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/doppel_zurueck.svg), none;
}

.zurueckEndIcon:hover {
  background-image: url(../img/doppel_zurueck_select.svg), none;
}

.menueObenIcon {
  width: 0;
  padding: 0.5em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/dropup_menu.svg), none;
}

.menueObenIcon:hover {
  background-image: url(../img/dropup_menu_selected.svg), none;
}

.menueUntenIcon {
  width: 0;
  padding: 0.5em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/dropdown_menu.svg), none;
}

.menueUntenIcon:hover {
  background-image: url(../img/dropdown_menu_selected.svg), none;
}

.weiterIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/weiter.svg), none;
}

.weiterIcon:hover {
  background-image: url(../img/weiter_select.svg), none;
}

.weiter2Icon {
  width: 0;
  padding: 0.75em 0.375em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/weiter2.svg), none;
  cursor: pointer;
}

.weiter2Icon:hover {
  background-image: url(../img/weiter2_select.svg), none;
}


.optionenIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/dropdown_w.svg), none;
}

.mehrIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/mehr_select.svg), none;
}

.mehrIcon:hover {
  background-image: url(../img/mehr_select.svg), none;
}

.loeschenIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/loeschen.svg), none;
}

.loeschenIcon:hover {
  background-image: url(../img/loeschen_select.svg), none;
}

.sucheIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/suche.svg), none;
}

.sucheIcon:hover {
  background-image: url(../img/suche_select.svg), none;
}

.selectIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/checkbox.svg), none;
}

.selectedIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/checkbox_select.svg), none;
}

.selectIconSmall, .radioIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/checkbox_small.svg), none;
}

.selectedIconSmall, .radioIconSelected {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/checkbox_select_small.svg), none;
}

.einstellungenIcon {
  width: 0;
  padding: 1.25em 1em;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../img/einstellungen.svg), none;
  background-color: #fff;
  border: 1px solid #e0e3e7;
  border-bottom: none;
  bottom: -0.4em;
  cursor: pointer;
  position: absolute;
  right: 2em;
  z-index: 500;
  -webkit-transition: bottom 0.25s ease-out;
  -moz-transition: bottom 0.25s ease-out;
  -o-transition: bottom 0.25s ease-out;
  transition: bottom 0.25s ease-out;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
}

.einstellungenIcon:hover {
  background-image: url(../img/einstellungen_select.svg), none;
  bottom: 0;
  -webkit-transition: bottom 0.25s ease-out;
  -moz-transition: bottom 0.25s ease-out;
  -o-transition: bottom 0.25s ease-out;
  transition: bottom 0.25s ease-out;
}

input[type=radio] {
  visibility: hidden;
  display: none;
}

.radioIcon, .radioIconSelected  {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 0.25em;
}

.radioLabel {
  display: inline-block;
  font-size: 1em;
  cursor: pointer;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 0.25em;
}


.uebersichtIcon {
  padding: 1em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/uebersicht.svg), none;
}

.uebersichtIconHover {
  background-image: url(../img/uebersicht_select.svg), none;
}

.sortierenIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/sortieren.svg), none;
}

.sortAscendingIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/sortieren_auf.svg), none;
}

.sortDescendingIcon {
  width: 0;
  padding: 0.75em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/sortieren_ab.svg), none;
}
/**************** Listenelemente **********************/
.listTableBorder {
  border-top: 0.0625em solid #E0E3E7;
  position: relative;
  width: 100%;
  margin-left: 1em;
}

/* .listTableBorderSmall {
  border-top: 0.0625em solid #E0E3E7;
  position: relative;
  width: 100%;
} */

.listTableElement {
  height: 7.125em;
}

.listTableResult {
  position: relative; 
  width: 100%; 
  margin-right:-1em; 
  padding-right: 0.5em;
}

.listTableElementSmall {
  height: 7em;
  padding: 1em;
}

.listSelectAllSmall {
  cursor: pointer;
  height: 2.5em;
  position: relative;
}

.listTableHeader {
  display: inline-block;
  position: relative;
  width: 100%;
}

.listTableElementDreieck {
  width: 1.5em;
  height: 1.5em;
  bottom: 0;
  left: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../img/kontext_oeffnen.svg), none;
  cursor: pointer;
}

.listTableElementDreieck:hover {
  background-image: url(../img/kontext_oeffnen_select.svg), none;
}

.labelSelectBoxAll {
  font-weight: bold;
  position: absolute;
  margin-top: 0.25em;
}

.labelSelectBoxAllSmall {
  font-weight: bold;
  position: absolute;
  margin-top: 0.25em;
}

.list , .lazyList {
  position: relative;
  padding-right: 1em;
  padding-left: 1em; 
}

.lazyList {
  width: 100%;
}

.lazyListEmpty {
  height: 100%;
  width: 100%;
}

.listItemSelect {
  margin-right: -0.5em;
}

.listSelectAll {
  padding-top: 0.5em;
  padding-bottom: 1em;
  cursor: pointer;
  height: 3em;
  display: none;  
}

.listElement {
	border-top: 0.0625em solid #E0E3E7;
}

.letztesListElement {
  border-bottom: 0.0625em solid #E0E3E7;
}

.subListElement {
  margin-bottom : 1em;
  width : 100%;
  -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.subListElementTitel {
  color: #4d5867;
  display: inline-block;
  font-size: 1em;
  font-weight: 300;
  margin-top: 0.5em;
  margin-left : 0.75em;
  margin-bottom: 0.325em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.subListElementOben {
  padding-bottom: 0.5em;
  width: 100%;
}

.subListElementUnten {
  height: 2.25em;
  width : 100%;
  border-top: 0.0625em solid #E0E3E7;
  padding-top : 0.425em;
}
.subListElementAktion {
    float: right;
    margin-right: 1em;
}

.dokumentListElement {
  height: 6em;
  padding-top: 0.75em;
  width: 6em;
}

.dokumentListElementTitel {
  color: #4d5867;
  font-size: 1em;
  font-weight: 300;
  margin-top: 0.5em;
  margin-bottom: 0.325em;
}

.dokumentListElementTyp {
  color: #8591a0;
  font-size: 0.75em;
  font-weight: 400;
  padding-bottom: 0.75em;
  width: 100%;
  white-space: pre-line;
}

.listHeader {
  display: inline-block;
  position: relative;
  width: 100%;
}

.listHeaderElementLinks {
  float: left;
  height: 2em;
}

.listHeaderElementMitte {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 2em;
}

.listHeaderElementRechts {
  float: right;
  text-align: right;
  line-height: 0.8em;
  padding-top: 0.2em;
  padding-right: 0.25em;
}

.listElementTitel {
  color: #333B44;
  font-size: 0.75em;
  font-weight: 400;
  padding-left: 0.5em;
  line-height: 2.85em;
}

.listElementLink {
  text-decoration: none;
}

.listElementNummer {
  display: inline-block;
  color: #FFFFFF;
  font-size: 0.875em;
  font-weight: 400;
  padding-left: 0.375em;
  padding-right: 0.375em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  min-width: 5.5em;
  min-height: 1.5em;
}

.listElementTag {
	font-size: 0.875em;
	color: #333B44;
	font-weight: 300;
}

.listElementJahr {
  font-size: 0.625em;
  color: #333B44;
  font-weight: 300;
}

.listElementZeit {
  font-size: 0.625em;
  color: #333B44;
  font-weight: 300;
}

.listElementStandort {
  padding-left: 1em;
  padding-right: 1em;
  color: #4D5867;
  font-size: 0.875em;
  font-weight: 300;
  min-height: 1.875em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.listElementStandortLang {
  width: 25em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.listElementStatus {
  color: #333B44;
  font-size: 0.625em;
  font-weight: 300;
  bottom: 0;
  right: 0;
}

.listElementRechts {
  position: absolute;
  right: 0.25em;
  bottom: -0.25em;
}

.listElementLinks {
  position: absolute;
  left: 0;
}

.listElementUnten {
  height: 1em; 
  position: relative;
  bottom: 0.25em;
}

.listeElementBemerkung {
  color: #8591A0;
  font-size: 0.75em;
  font-weight: 400;
  padding-left: 1.125em;
  height: 2.875em;
  overflow: hidden;
  padding-top: 0.375em;
  line-height: 1.2em;
  word-break: break-word;
}

.listEmpty {
  width: 100%; 
  height: 100%; 
  text-align: center; 
  background-color: white;
  position: relative;
  display: table;
}

.elementEmpty {
  color: #333B44;
  font-size: 1em;
  font-weight: 300;
  width: 100%;
  display: table-cell; 
  vertical-align: middle;
}

.listLoading, .processRunning {
  width: 100%; 
  height: 100%;
  background-image: url(../img/preloader_w.gif);
  background-repeat:no-repeat;
  background-size: 3em;
}
.listLoading {
  padding-top: 55%;
  background-position: center center;	
}

.docLoading {
  width: 100%; 
  height: 3em;
  background-image: url(../img/preloader_w.gif);
  background-repeat:no-repeat;
  background-size: 3em;
  background-position: center center;
  position: relative;
}

.lazyListLoading {
  width: 100%;
  height: 7.125em;
  padding-top: 0;
  background-image: url(../img/preloader_w.gif);
  background-repeat:no-repeat;
  background-size: 3em;
  background-position: center center;	
}

.processRunning {
  background-color: white;
  position: relative;
  display: table;
  background-position: 50% 50%;
}

.prozessText {
  color: #8591A0;
  font-size: 0.75em;
  font-weight: 400;
  text-align: center; 
  width: 100%;
  position: absolute; 
  top: 55%;
  display: table-cell; 
  vertical-align: middle;
}

.listElementDreieck {
  bottom: 0;
  left: 0;
  position: absolute;
}

.listDreieckIcon {
  width: 0;
  padding: 0.75em;
  background-repeat: no-repeat;
  background-image: url(../img/kontext_oeffnen.svg), none;
  cursor: pointer;
}

.listDreieckIcon:hover {
  background-image: url(../img/kontext_oeffnen_select.svg), none;
}

.listElementDreieckOff {
  display: none;
}

.klickbar {
  cursor: pointer;
  pointer-events: auto;
}
.unklickbar {
  cursor: default;
  pointer-events: none;
}

.objektInfoLink {
  cursor: pointer;
}

.listElementMenu {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 3em;
}

.listElementMenuItem {
	text-align: center;
	font-size: 0.875em;
	font-weight: 300;
	color: #333B44;
	line-height: 3.25em;
	height: 100%;
	z-index: 1001;
	position: relative;
}

.listElementFilter {
	height: 5em; 
	padding-bottom: 1em;
	padding-top: 1em;
	border-bottom: 0.0625em solid #E0E3E7;
}
.listElementFilterTitel {
    color: #333B44;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 2em;
}
.listElementResult {
	height: 7em; 
	padding-bottom: 1em;
	padding-top: 1em;
	padding-right: 0.5em;
}

.listElementResultText {
  padding-bottom: 0.625em;
  color: #4D5867;
  font-size: 0.875em;
  font-weight: 300;
  text-align: justify;
}

.listElementTextInlineBlock, .listElementTextPflicht {
  padding-right: 0.125em;
  margin-top: 0.11em;
  color: #4D5867;
  font-size: 0.875em;
  font-weight: 300;
  display : inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listElementTextPflicht {
  color: #a53920;
  font-weight: 400;
}

.listElementTextCutted {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.listElementAbstand {
  padding: 0 0.75em;
}

.listElementMenuOff {
  visibility: hidden;
}

.slgrau {
  background: #999999;
}

.slgruen {
  background: #77A03F;
}

.slgelb {
  background: #FDB45C;
}

.slrot {
  background: #D60A31;
}

.sltransparent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  -moz-opacity: 0.35;
  -khtml-opacity: 0.35;
  opacity: 0.35;
}

.slBalken {
  height: 2em;
  display: inline-block;
}

.slTage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
}

.listElementLebenslaufTyp {
  font-size: 0.75em;
  font-weight: 400;
  color: #333B44;
  padding-top: 0.625em;
  display: block;
}

.listElementLebenslaufBeschreibung {
  font-size: 0.75em;
  font-weight: 400;
  color: #8591A0;
  display: block;
  padding-bottom: 0.5em;
  width: 85%;
}

.pin {
  width: 0;
  padding: 0.6125em;
  background-image: url('../img/pin.svg');
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-bottom: 0.15em;
}

.pin:hover {
  background-image: url('../img/pin_select.svg');
}

.pinFest {
  width: 0;
  padding: 0.6125em;
  background-image: url('../img/pin_fest.svg');
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-bottom: 0.15em;
}

.pinFest:hover {
  background-image: url('../img/pin_fest_select.svg');
}

.pinMenue {
  position: absolute;
  right: 0.25em;
  bottom: 0.25em;
}

.pinMenueBottom {
  bottom: -3.75em;
}

/*********** STARTSEIE ************/

.listeElementNewsText {
  color: #8591A0;
  font-size: 0.75em;
  font-weight: 400;
  padding-left: 1.125em;
  overflow: hidden;
  padding-top: 0.375em;
  padding-bottom: 0.5em;
}

.startseiteLinks {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 5px;
}

.startseiteRechts {
  width: 50%;
  float: right;
  padding-right: 10px;
  padding-left: 5px;
}

.spartacusHintergrund {
  background-image: url(../img/spartacus_bg.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.anhangIcon {
  padding: 1em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/anhang_dokument.svg), none;
}

.anhangDokumente {
  display: inline-block;
  float: right;
}

.anzahlDokumente {
  position: absolute;
  right: 0.3em;
  top: 0;
}

.labelDokumentAnzahl, .labelElementeAnzahlTab {
  color: #8591a0;
  font-size: 0.675em;
  font-weight: 300;
  padding-top: 0.35em;
  padding-left: 0.25em;
  float: right;
}

.fehlerBanner {
  background-color: #D60A31;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.26);
}

.fehlerBannerText {
  color: #FFF;
  font-size: 1em;
  font-weight: 500;
  margin-bottom: 1em;
}

.widgetMaxBoundries {
  max-width: 40em; 
  max-height: 90%;
}

.menueHeaderIconTable {
	display: table;
}

.systemLocked{
	display:flex;
	background-color:#fff;
	height:100vh;
	justify-content:center;
	align-items: center;
}

.systemLockedMsg{
	border: 1px solid #333;
	padding:20px;
	margin:10px;
}