/*
    Allgemeine CSS Einstellung
*/

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: normal;
  src: local('PT Sans'), local('PTSans-Regular'),  url('fonts/PT_Sans.ttf') format('truetype');
}

html {
	overflow-y: scroll;
}

body {
	color: #434343;
	background: #FFFFFF;
	font-family: PT Sans,Arial,sans-serif;
}

.kh-waitingIcon {
  position: fixed;
  top: 50%;
  left: 50%;  
  margin-top: -18px;
  margin-left: -16px;
  z-index: 9999;
}

.kh-invisible {
  display:none;
}

/*******************************
*  CSS für L:gridlayout
********************************/
.grid-x>.vertical-middle, .kh-topbar>.vertical-middle{
  align-self: center;
}
.grid-x>.vertical-top, .kh-topbar>.vertical-top {
  align-self: flex-start;
}
.grid-x>.vertical-bottom , .kh-topbar>.vertical-bottom{
  align-self: flex-end;
}

.kh-gridlayout-verticalseperatoholder {
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  box-sizing:  border-box;
  min-width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

@media screen and (min-width: 40em) {
	#KHContent > .kh-gridlayout > .kh-part:nth-child(2), .Ajaxcontent > .kh-gridlayout > .kh-part:nth-child(2) {
    padding-left: 0px;
	}
}

/************************************
* CSS für Kh
*************************************/

#kh-web-header {
  height: 69px;
  background: #f5f5f5 ;
  margin-bottom: 20px;
}

#kh-web-header-content {
  min-width : 350px;
  height: 69px;
  background: #f5f5f5 ;
  margin: 0 auto;
}

#kh-web-header-content .kh-topbar {
  height: 69px;
  background: #f5f5f5;
  margin: 0;
  padding: 0;
}
#kh-web-header-content .kh-topbar .kh-topbar-left,
#kh-web-header-content .kh-topbar .kh-topbar-right {
  flex: 0 1 auto;
}

#kh-web-header-content .kh-topbar .kh-topbar-left img {
	padding-left: 35px;
	height: 60px;
}

@media screen and (max-width: 39.9375em) {
  #kh-web-header-content .kh-topbar .kh-topbar-left img {
    width: 190px;
  }
  #kh-web-header,#kh-web-header-content,#kh-web-header-content .kh-topbar {
    height: 37px;
  }
}

#kh-web-header-content .kh-topbar .kh-topbar-right {
  color: #2e2e2e;
}

#kh-web-header-content .kh-topbar .kh-topbar-right .kh-icon {
  width: 16px;
  color: inherit;
	font-size: 20px;
}

#kh-web-header-content .kh-topbar .kh-topbar-right .kh-text  {
	font-family: 'Pt Sans', Arial, Sans-Serif;
	font-size: 12px;
	margin-left: -5px;
	margin-right: 20px;
	color: inherit;
}

#kh-web-header-content .kh-topbar .kh-topbar-right #kh-web-header-menu {
  color: white;
}
.kh-web-footer{
  background-color: #009650 !important;
}

.kh-web-footer .kh-withApi:hover,
.kh-web-footer .kh-PopupLink:hover{
  color: #016595;
}

.kh-web-footer .kh-withApi,
.kh-web-footer .kh-PopupLink{
  color: #FFFFFF;
}

/************************************
* CSS für Api Element
*************************************/

.kh-block-visualtype-secondary .kh-withApi,
.kh-block-visualtype-secondary .kh_gotodocument_link,
.kh-block-visualtype-secondary .kh-PopupLink,
.kh-block-visualtype-highlight .kh-withApi,
.kh-block-visualtype-highlight .kh_gotodocument_link,
.kh-block-visualtype-highlight .kh-PopupLink{
  color: #FFFFFF;
  font-weight: 600;
}

.kh-block-visualtype-important .kh-withApi,
.kh-block-visualtype-important .kh_gotodocument_link,
.kh-block-visualtype-important .kh-PopupLink{
  color: #000000;
  font-weight: 600;
}

.kh_gotodocument_link {
  display: inline;
}

.kh-withApi, .kh_gotodocument_link {
  cursor: pointer;
  color: #78b90f;
}

.kh-withApi.kh-icon, .kh_gotodocument_link > .kh-icon{
	 color: #78b90f !important;
}

.kh-withApi.kh-icon:hover , .kh_gotodocument_link:hover > .kh-icon, .kh-PopupLink.kh-icon:hover{
	 color: #669d0c !important;
}

.kh-withApi:hover, .kh_gotodocument_link:hover, .kh-PopupLink:hover {
  color: #669d0c;
}

.kh-button.kh-withApi:hover, .kh-button.kh_gotodocument_link:hover,.kh-block-visualtype-important .kh-button.kh-withApi:hover {
  color: #FFFFFF;
  background-color: #95c11c ;
}


#kh-web-header-content .kh-topbar .kh-topbar-right .kh-withApi:hover .kh-text,
#kh-web-header-content .kh-topbar .kh-topbar-right .kh-withApi:hover .kh-icon,
.kh-block-visualtype-secondary .kh-withApi:hover,
.kh-block-visualtype-secondary .kh_gotodocument_link:hover,
.kh-block-visualtype-highlight .kh-withApi:hover,
.kh-block-visualtype-highlight .kh_gotodocument_link:hover,
.kh-block-visualtype-important .kh-withApi:hover,
.kh-block-visualtype-important .kh_gotodocument_link:hover{
  color: #95c11c;
}

/************************************
* CSS für L:loginmask Element
*************************************/

.kh-login-mask {
	color: #434343;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
  padding: 36px 65px 60px 45px;
  border: 5px solid #78b90f;
}

.kh-gridcontainer {
  max-width: 700px;  
  border: 4px #78b90f solid;
  padding: 10px 20px; 
  margin-top: 80px;
}


@media screen and (max-width: 39.9375em) {
  .kh-login-mask {
    border-color: transparent;
  }
}

.kh-login-mask label {
	color: #434343;
}

.grid-x.kh-login-mask-caption{
  color: #78b90f;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.kh-login-mask-salutation{
  margin-bottom: 10px;
  font-size: 15px;
}

.kh-login-mask-input input{
  border: 1px solid #95c11c;
}

.kh-login-mask .kh-form .kh-rowlayout-row {
	margin-bottom: 15px;
}

.kh-login-mask-button .kh-button {
	margin-top: 15px;
}

.kh-login-help{
  position:relative;
}

.kh-password-link>span,.kh-registration-link>span{	
  font-size: 12px;
  color: #434343;
  font-style: italic;
  text-decoration-line: underline;
}

@media screen and (min-width: 40em) {
  .kh-password-link,.kh-registration-link{	
    height: 50%;
    padding: 28px 0 0 30px;
    margin-bottom: 2px;
  }
}

/****************************
    CSS  für pageheader
****************************/

body>.kh-pageheader:first-of-type{
  margin-top: 0;
}

body>.kh-h1:first-of-type{
  margin-top: 0;
}

div#KHContent>.kh-h1:first-of-type{
  margin-top: 0;
}

div#KHContent>.kh-pageheader:first-of-type{
  margin-top: 0;
}

.kh-pageheader {
  font-size: 22px;
  color: #95c11c;
  margin-left: 0px;
  text-align: left;
  font-weight: normal;
  border : 0px;
  padding: 3px 10px;
  margin-top: 35px;
  font-family: PT Sans, Arial, sans-serif;
}

.kh-defaultTopmarginHeader{
  margin-top: 30px;
}

.kh-noneTopmarginHeader{
  margin-top: 0px;
}

.kh-smallTopmarginHeader{
  margin-top: 5px;
}

.kh-mediumTopmarginHeader{
  margin-top: 15px;
}

.kh-bigTopmarginHeader{
  margin-top: 30px;
}

td.details>.kh-defaultTopmarginHeader:first-child{
  margin-top: 10px;
}

.kh-h1 {
  font-size: 34pt;
  font-weight: normal;
  font-family: PT Sans, Arial, sans-serif;
  margin-left: 0;
  margin: 20px 0 10px 0;
  padding: 3px 5px 3px 0px;
  text-align: left;
  color: #95c11c;
}

.kh-h2 {
  color: #009650 ;
  font-size: 12pt;
  font-weight: bold;
  margin: 15px 0 0 0;
  padding: 3px 5px 8px 0px;
  text-align: left;
}

.kh-h3 , .kh-h4 , .kh-h5,h3,h4,h5{
  font-weight: bold;
  line-height: normal;
  padding: 0 10px 0 0;
  color: #009650 ;
}

.kh-h3,h3 {
  font-size: 14px;
}

.kh-h4,h4 {
  font-size: 13px;
}

.kh-h5,h5 {
  font-size: 12px;
}

.kh-h7, .kh-h8, .kh-h6,h6{
  font-size: 12px;
  font-weight: normal;
  padding: 0 10px 0 0;
}

/*****************************
	Styles für L:icon
******************************/

.kh-icon {
    margin: 0 10px;
}

/******************************
  Styles für L:category
*******************************/
.kh-newslist-item-category {
  display: inline-block;
  width: 24px;
  border-radius: 15px;  
  margin-right: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 1em;
}

.kh-newslist-item-category.kh-category-visualtype-standard{
  background-color: #FFFFFF;
  color: #009650 ;
}

.kh-newslist-item-category.kh-category-visualtype-important{
  background-color: #009650 ;
  color: #FFFFFF;
}

.kh-newslist-item-category.kh-category-visualtype-secondary{
  background-color: #9F9972;
  color: #FFFFFF;
}

.kh-newslist-item-category.kh-category-visualtype-highlight{
  background-color: #FF2e63;
  color: #FFFFFF;
}
/****************************
  Styles  für L:tooltip
****************************/

.kh-tooltip, .kh-grid-header-tooltip {
  display: none;
}

#tooltip {
  opacity: 1;
}

/*****************************
	Styles für L:textblock
******************************/

.kh-text, .kh-textblock {
  font-family: 'Pt Sans', Arial, Sans-Serif;
	font-size: 9pt;
}

.kh-textblock {
  white-space: pre-wrap;
  text-align: left;
  margin-bottom: 10px;
}

/*****************************
	Styles für L:block
******************************/

.kh-block-visualtype-standard-gradient>.kh-modern-block-caption {
  box-shadow: 3px 3px 3px rgba(0,0,0,0.16);
}

.kh-modern-block-caption-icon {
  cursor: pointer;
  font-size: 40px;
}

.kh-block-visualtype-standard-gradient>.kh-modern-block-content > .kh-modern-block-main-content {
  box-shadow: 3px 3px 3px rgba(0,0,0,0.16);
}

.kh-modern-block-main-content{  
	padding: 5px 36px 25px 36px;
}

.kh-modern-block-with-sub .kh-modern-block-main-content {  
	padding: 30px 36px 80px 36px;
}

.kh-modern-block-sub {
	margin: -11px 10px 15px 10px;
	padding: 30px 26px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.16),-1px 1px 3px rgba(0,0,0,0.16);
}

.kh-modern-block ,.kh-modern-block-main-content {
  position: relative; 
}

.kh-modern-block {
	margin-bottom: 15px;
}

.kh-block-visualtype-standard-gradient>.kh-modern-block-content>.kh-modern-block-main-content,
.kh-block-visualtype-standard-gradient>.kh-modern-block-caption{
  background: linear-gradient(90deg, #FFFFFF, #F4F4F4);
}

.kh-modern-block-content {
  margin-bottom: 25px;
  margin-top: 0;
}

.kh-modern-block-caption + .kh-modern-block-content {
  margin-top: 0;
}

.kh-modern-block-caption {
  color: #009650 !important;
  font-family: 'Pt Sans', Arial, Sans-Serif;
	font-weight: bold;
	font-size: 24px;
	padding: 18px 36px 30px;
}

.kh-modern-block-expandable .kh-modern-block-caption {
  padding: 12px 36px 12px 34px;
  cursor: pointer;
}

.kh-modern-block-sub-icon {
  position: absolute;
  right: 40px;
  bottom: -20px;
  color: #FFFFFF;
  background: #95c11c;
  border-radius: 25px;
  width: 44px;
  height: 44px;
  text-align: center;
  padding-top: 6px;
}

.kh-modern-block-sub-icon:hover {
	background: #009650 ;
	cursor: pointer;
}

.kh-modern-block-sub-icon.kh-modern-block-sub-disabled {
  background: #AAAAAA;
  opacity: 0.5;
}

.kh-modern-block-sub-icon .kh-icon {
  font-size: 22px;
  cursor: pointer;
  margin: 0 0 0 1px;
}

/* Farb-Festlegungen - Anfang */

.kh-block-visualtype-standard-fill {
  background: #F4F4F4;
  color: #000000;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.16);
}

.kh-block-visualtype-important {
  background: #e3e3e3;
  color: #000000;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.16);
}

.kh-block-visualtype-important > .kh-modern-block-content > .kh-modern-block-main-content, .kh-block-visualtype-important > .kh-modern-block-caption {
    background: #e3e3e3;
}

.kh-block-visualtype-secondary {
  background: #9F9972;
  color: #FFFFFF;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.16);
}

.kh-block-visualtype-highlight {
  background: #FF2e63;
  color: #FFFFFF;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.16);
}

.kh-modern-block-caption-text,.kh-modern-block-caption-text .kh-text {
  font-size: 24px;
  font-weight: bold;
  color: inherit !important;
}

.kh-block-visualtype-important .kh-modern-block-caption-text,
.kh-block-visualtype-important .kh-modern-block-caption-text .kh-text,
.kh-block-visualtype-important .kh-modern-block-caption,
.kh-block-visualtype-important .kh-modern-block-caption-text .kh-withApi,
.kh-block-visualtype-highlight .kh-modern-block-caption-text,
.kh-block-visualtype-highlight .kh-modern-block-caption-text .kh-text,
.kh-block-visualtype-highlight .kh-modern-block-caption,
.kh-block-visualtype-highlight .kh-modern-block-caption-text .kh-withApi,
.kh-block-visualtype-secondary .kh-modern-block-caption-text,
.kh-block-visualtype-secondary .kh-modern-block-caption-text .kh-text,
.kh-block-visualtype-secondary .kh-modern-block-caption,
.kh-block-visualtype-secondary .kh-modern-block-caption-text .kh-withApi {
  color: #009650 !important;
}

.kh-modern-block-header-expandableClosed > .kh-block-sub-opened ,
.kh-modern-block-header-expandableOpen > .kh-block-sub-closed {
  display: none;
}

.kh-modern-block-sub-expandableClosed>.kh-block-sub-opened,
.kh-modern-block-sub-expandableOpen>.kh-block-sub-closed,
.kh-modern-block-sub-disabled>.kh-block-sub-closed,
.kh-modern-block-sub-disabled>.kh-block-sub-opened,
.kh-modern-block-sub-activ>.kh-block-sub-disabled{
  display: none;
}

/* Farb-Festlegungen - Ende */

/*****************************
	Styles für L:blocknavigation
******************************/

@media screen and (min-width: 40em) {
	.kh-blocknavigation {
		width: 324px;
	}
}

.kh-blocknavigation-head {
  background: #F4F4F4;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.16);
	padding: 30px 10px;
	margin-bottom: 16px;
}

.kh-blocknavigation-head-icon .kh-icon {
  color: #009650;
  font-size: 32px;
  margin-right: 15px;
	line-height: 1;
}

.kh-blocknavigation-head-caption {
  color: #009650;
	font-family: 'Pt Sans', Arial, Sans-Serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.5;
	margin-left: 16px;
}

.kh-blocknavigation-head.kh-blocknavigation-head-with-icon .kh-blocknavigation-head-caption {
	margin-left: 0;
}

.kh-blocknavigation-head-content {
  font-family: 'Pt Sans', Arial, Sans-Serif;
  font-size: 15px;
  margin-top: 16px;
	margin-left: 16px;
}

.kh-blocknavigation-items-item {
  background: #F4F4F4;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.16);
	padding: 15px 26px;
	margin-bottom: 16px;
}

.kh-blocknavigation-items-item-with-content {
  padding: 22px 26px;
}

.kh-blocknavigation-items-item-with-api:hover {
  background: #669d0c;
  cursor: pointer;    
}

.kh-blocknavigation-items-item-with-api:hover .kh-blocknavigation-items-item-icon .kh-icon, 
.kh-blocknavigation-items-item-with-api:hover .kh-blocknavigation-items-item-caption {
  color: #FFFFFF;
}

.kh-blocknavigation-items-item-icon {
  min-width: 35px;
}

.kh-blocknavigation-items-item-icon .kh-icon {
  color: #009650 ;
  font-size: 21px;
  margin: 0 0 15px 0;
  width: 30px;
}

.kh-blocknavigation-items-item-caption {
  color: #009650 ;
  font-family: 'Pt Sans', Arial, Sans-Serif;
	font-weight: bold;
	font-size: 15px;
}

.kh-blocknavigation-items-item-content {
  font-family: 'Pt Sans', Arial, Sans-Serif;
  font-size: 15px;
  margin-left: 35px;
}

/* Farb-Festlegungen - Anfang */

.kh-blocknavigation-items-item-type-standard {
  background: #F4F4F4;
  color: #000000;
}

.kh-blocknavigation-items-item-type-standard .kh-blocknavigation-items-item-icon .kh-icon, 
.kh-blocknavigation-items-item-type-standard .kh-blocknavigation-items-item-caption {
  color: #000000 ;
}

.kh-blocknavigation-items-item-type-important {
  color: #FFFFFF;
  background: #95c11c;
}

.kh-blocknavigation-items-item-type-important .kh-blocknavigation-items-item-icon .kh-icon,
.kh-blocknavigation-items-item-type-important .kh-blocknavigation-items-item-caption {
  color: #FFFFFF;
}

.kh-blocknavigation-items-item-type-secondary {
  color: #000000;
  background: #78b90f;
}

.kh-blocknavigation-items-item-type-secondary .kh-blocknavigation-items-item-icon .kh-icon,
.kh-blocknavigation-items-item-type-secondary .kh-blocknavigation-items-item-caption {
  color: #000000;
}

.kh-blocknavigation-items-item-selected {
  background: #FFFFFF;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.16)
}

.kh-blocknavigation-items-item-selected.kh-blocknavigation-items-item-checked {
	color: #95c11c;
}

.kh-blocknavigation-items-item-checked {
	color: #009650 ;
}

.kh-blocknavigation-items-item-checked .kh-icon {
	font-size: 20px;
}

.kh-blocknavigation-items-item-selected .kh-blocknavigation-items-item-icon .kh-icon,
.kh-blocknavigation-items-item-selected .kh-blocknavigation-items-item-caption {
  color: #95c11c;
}

.kh-blocknavigation-items-item-disabled {
	opacity: 0.5;
}

.kh-blocknavigation-items-back {
	background: #009650 ;
	color: #FFFFFF;
	font-family: 'Pt Sans', Arial, Sans-Serif;
    font-weight: bold;
    font-size: 15px;
}

.kh-blocknavigation-items-back:hover {
	color: #95c11c;
}

.kh-blocknavigation-items-back .kh-icon {
	color: #FFFFFF;
}

/* Farb-Festlegungen - Ende */

/*****************************
	Styles für L:blockmenu
******************************/

.kh-blockmenu {
  box-shadow: 3px 3px 3px rgba(0,0,0,0.16);
	margin-bottom: 16px;
	background: #F4F4F4;
}

.kh-blockmenu h2 {
  font-family: 'Pt Sans', Arial, Sans-Serif;
	font-weight: bold;
  font-size: 24px;
  color: #008c46 ;
	padding: 30px 26px 0 26px;
}

.kh-blockmenu-item {
  padding: 5px 20px 20px 26px;
  font-family: 'Pt Sans', Arial, Sans-Serif;
}

.kh-blockmenu-item:hover {
  background: #FFFFFF;
  cursor: pointer;
}

.kh-blockmenu-item-icon .kh-icon {
  color: #000000 ;
  font-size: 21px;
  margin: 0px;
  min-width: 35px;
  display: inline-block;
    
}

.kh-blockmenu-item:hover .kh-blockmenu-item-icon .kh-icon,
.kh-blockmenu-item:hover .kh-blockmenu-item-caption {
  color: #669d0c;
}

.kh-blockmenu-item-caption {
  color: #000000 ;
  font-family: 'Pt Sans', Arial, Sans-Serif;
	font-weight: bold;
	font-size: 15px;
}

.kh-blockmenu-item-content {
  color: #434343;
  font-family: 'Pt Sans', Arial, Sans-Serif;
	font-size: 15px;
	margin-left: 35px;
}

.kh-blockmenu-item-selected {
  background: #FFFFFF; 
}

.kh-blockmenu-item-selected .kh-blockmenu-item-icon .kh-icon,
.kh-blockmenu-item-selected .kh-blockmenu-item-caption {
  color: #95c11c;
}

/*****************************
	Styles für L:breadcrumb
******************************/

.kh-breadcrumb {
  margin-left: 41px;
}

.breadcrumbs li {
  text-transform: none;
  color: #848484;
  font-size: 12px;
}

.kh-breadcrumb-home .kh-icon, .breadcrumbs li a {
  color: #848484 !important;
}

.kh-breadcrumb-home .kh-icon {
  margin: 0;
}

.kh-breadcrumb-home .kh-icon:hover {
	color: #009650 ;
}

.breadcrumbs li.kh-breadcrumbs-activ a {
  color: #95c11c;
}

.breadcrumbs .kh-breadcrumb-hinttext {
  color: #848484;
}

.breadcrumbs li.kh-breadcrumb-hinttext:after{
  content: '';
  margin: 0 5px;
}

.kh-breadcrumbs-without-seperator.breadcrumbs li:not(:last-child)::after {
  content: "";
  margin: 0 0 0 5px;
}

/*****************************
	Styles für L:newslist
******************************/

.kh-newslist-item {
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #FFFFFF;
}

.kh-newslist-item-icon {
  width: 14px;
  color: #009650 ;
}

.kh-block-visualtype-important .kh-newslist-item-icon {
  color: #000000 !important ;
}

.kh-newslist-collapse-text{
  text-align: right;
}

.kh-newslist-showmoretext{
  margin-top: 10px;
}

.kh-newslist-collapse-text>.kh-text.kh-PopupLink {
  text-decoration: underline;
}

.kh-block-visualtype-highlight .kh-newslist-collapse-text>.kh-text.kh-PopupLink,
.kh-block-visualtype-secondary .kh-newslist-collapse-text>.kh-text.kh-PopupLink,
.kh-block-visualtype-important .kh-newslist-collapse-text>.kh-text.kh-PopupLink {
  color:#FFFFFF;
}

.kh-newslist-item-icon > .kh-icon{
  margin-left: 0;
} 

.kh-newslist-item-date {
  font-size: 12px;
  margin-right: 5px;
}

.kh-newslist-item-date:after {
  content: " |";
}

.kh-newslist-item-news .kh-withApi:hover,
.kh-newslist-item-news .kh-kh-PopupLink:hover {
  color: #009650 ;
}

.kh-newslist-item-actions {
  text-align: right;
}

@media screen and (min-width: 40em) {
	.kh-newslist-item-actions .kh-icon {
		margin-left: 18px;
	}
	
	.kh-newslist-item-icon {
		margin-right: 15px;
	}
}


@media screen and (max-width: 39.9375em) {
  .kh-newslist-item-text{
    order: 2;
  }
  .kh-newslist-item-date:after{
    content: "";
  }
}

.kh-newslist-item-actions .kh-icon:hover {
	color: #009650 ;
}

/*****************************
	Styles für L:rowlayout
******************************/

.kh-rlcol-label{
  font-style: italic; 
}
.kh-rlcol-label>*{
  font-style: normal; 
}
.kh-rlcol-label>.kh-text,.kh-rlcol-label>.kh-textblock{
  font-style: italic; 
}


.kh-rowlayout-col.kh-rlcol-data {
  word-wrap: break-word;
}

.kh-block-visualtype-important .kh-rowlayout-row-with-seperator>.kh-col:not(:last-child),
.kh-block-visualtype-secondary .kh-rowlayout-row-with-seperator>.kh-col:not(:last-child),
.kh-block-visualtype-highlight .kh-rowlayout-row-with-seperator>.kh-col:not(:last-child){
  border-right: 1px solid #FFFFFF;
  padding-right: 5px;
}

@media screen and (max-width: 39.9375em) {
  .kh-block-visualtype-important .kh-rowlayout-row-with-seperator>.kh-col.small-12,
  .kh-block-visualtype-secondary .kh-rowlayout-row-with-seperator>.kh-col.small-12,
  .kh-block-visualtype-highlight .kh-rowlayout-row-with-seperator>.kh-col.small-12{
    border-right-width: 0;
  }
}

.kh-rowlayout-row-with-seperator{
  padding: 5px 0px;
}

/*****************************
	Styles für L:button
******************************/

.ui-button {
	min-width: 125px;
  font-family: 'Pt Sans', Arial, Sans-Serif;
  font-size: 15px;
  font-weight: normal !important;
	padding: 6px 15px;
  appearance:none !important;
  -moz-appearance: none !important; /* Firefox */
  -webkit-appearance: none !important;  /*Chrom*/
  color: #FFFFFF;
  border-radius: 30px;
  padding: 12px 30px !important;
}

.ui-button:focus{
  outline-style: none;
}

.ui-button-text{ 
  color: inherit;
}

.kh-primaryButton, .kh-primaryButton:focus{
  background: #78b90f;
  color: black;
  border-color: #78b90f;
}
 
.kh-modern-block .kh-primaryButton {
    color: black;
} 
 
.kh-secondaryButton{
  background: #9F9972;
}  

.kh-secondaryButton:hover{
	background: #009650 ;
}

.kh-primaryButton:hover {
	background: #669d0c;
	border: #669d0c;
	color: white ;
}

/*****************************
	Styles für L:grid
******************************/

.kh-modern-block-main-content>.kh-responsive-gridcontainer-with-sub{
  position: relative;
  right: -36px;
  width: auto;
  margin-left: -36px;
}

.tableData {
	vertical-align: middle;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  color: #000;
  border: none;
  box-shadow: none;
  font-family: "Font Awesome 5 Pro";
  content: '\f0c9';
  background: none;
  font-weight: 900;
  top: 50%;
  top: calc(50% + 2px);
  top: -moz-calc(50% + 2px);
  top: -webkit-calc(50% + 2px);
}

.kh-disabled-grid-aktion{
  opacity: 0.5;
}

.kh-disabled-grid-aktion a{
  pointer-events: none;
}

.kh-grid.dataTable.dtr-inline.collapsed tbody tr[role="row"]:first-child td:not(.kh-grid-selectable-row):first-child:before{
  top: 50%;
  top: calc(50% - 4px);
  top: -moz-calc(50% - 4px);
  top: -webkit-calc(50% - 4px);
}

/*.kh-grid>thead>tr>th.sorting,
.kh-grid>thead>tr>th.sorting_asc,
.kh-grid>thead>tr>th.sorting_desc{
  background-image: url(./images/FontAwesomium/sort-text-light.svg) !important;
  background-repeat: no-repeat !important;
  background-position-y: center !important;
  background-position-x: right;
  background-position-x: -webkit-calc(100% - 5px) !important;
  background-position-x: -moz-calc(100% - 5px) !important;
  background-position-x: calc(100% - 5px) !important;
  background-size: 12px !important;
}

.kh-grid-primary.kh-grid>thead>tr>th.sorting,
.kh-grid-primary.kh-grid>thead>tr>th.sorting_asc,
.kh-grid-primary.kh-grid>thead>tr>th.sorting_desc{
  background-image: url(./images/FontAwesomium/sort-text-black.svg) !important;
}

.kh-grid>thead>tr>th.sorting:last-child,
.kh-grid>thead>tr>th.sorting_asc:last-child,
.kh-grid>thead>tr>th.sorting_desc:last-child{
  background-position-x: -webkit-calc(100% - 23px) !important;
  background-position-x: -moz-calc(100% - 23px) !important;
  background-position-x: calc(100% - 23px) !important;
}

.kh-grid>thead>tr>th.kh-tableHeader-date.sorting, .kh-grid>thead>tr>th.kh-tableHeader-number.sorting,
.kh-grid>thead>tr>th.kh-tableHeader-date.sorting_asc, .kh-grid>thead>tr>th.kh-tableHeader-number.sorting_asc,
.kh-grid>thead>tr>th.kh-tableHeader-date.sorting_desc, .kh-grid>thead>tr>th.kh-tableHeader-number.sorting_desc{
  background-image: url(./images/FontAwesomium/sort-number-light.svg) !important;
}

.kh-grid-primary.kh-grid>thead>tr>th.kh-tableHeader-date.sorting, .kh-grid>thead>tr>th.kh-tableHeader-number.sorting,
.kh-grid-primary.kh-grid>thead>tr>th.kh-tableHeader-date.sorting_asc, .kh-grid>thead>tr>th.kh-tableHeader-number.sorting_asc,
.kh-grid-primary.kh-grid>thead>tr>th.kh-tableHeader-date.sorting_desc, .kh-grid>thead>tr>th.kh-tableHeader-number.sorting_desc{
  background-image: url(./images/FontAwesomium/sort-number-black.svg) !important;
}*/

.kh-table-single-selected>tbody>tr:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)),
.kh-table-single-selected+.dataTables_paginate{
  /*display: none !important;*/
}

.kh-table-single-selected>tbody>tr:nth-child(1)>td,
tr.kh-table-tr-single-selected>td,
tr.kh-table-tr-multi-selected>td{
  /*font-weight: bold !important;*/
}

.kh-table-single-selected>tbody>tr:nth-child(2){
  /*opacity: 0.7;*/
}

.kh-table-single-selected>tbody>tr:nth-child(3){
  /*opacity: 0.4;*/
}

table.dataTable.kh-grid-primary>tbody,
table.dataTable.kh-grid-primary>tbody>tr,
table.dataTable.kh-grid-primary>tbody>tr>td, 
table.dataTable.kh-grid-primary>thead, 
table.dataTable.kh-grid-primary>thead>tr, 
table.dataTable.kh-grid-primary>thead>tr>td,
table.dataTable.kh-grid-primary>thead>tr>th,
table.dataTable.kh-grid-primary>tfoot>tr{
  background-color: transparent;
  border: 0;
}

table.dataTable.kh-grid-secondary>tbody,
table.dataTable.kh-grid-secondary>thead,
table.dataTable.kh-grid-secondary>thead>tr,
table.dataTable.kh-grid-secondary>thead>tr>th,
table.dataTable.kh-grid-secondary>tfoot{
  border: 0;
}


.kh-grid-selection-icon, .kh-grid-selection-change {
    color: #78b90f;
}


/*.kh-grid.kh-grid-primary>tbody>tr:not(.kh-Opentr):hover{
  background: #AFAFAF !important
}*/

/* Details-Bereich */

.beforedetails {
  display: none;
}

table.dataTable>tbody>tr.kh-Opentr>td.details {
	background-color: #FFFFFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16);
}

table.dataTable>tbody>tr.kh-sub-with-grid+tr.kh-Opentr>td.details {
  background-color: #FFFFFF;
  padding: 0 4px 0px 10px;
  box-shadow: 0 -1px 0 #707070,0 1px 0 #AFAFAF,5px 0px 0 white;
}

tr.kh-sub-with-grid+tr.kh-Opentr+tr>td {
	padding-top: 50px;
}

tr.kh-sub-with-grid+tr.kh-Opentr>td.details .dataTables_wrapper {
  padding: 0 0 17px 23px;
  margin: 0;
  background: #d6e3e8;
}

tr.kh-sub-with-grid+tr.kh-Opentr>td.details .dataTables_wrapper .dataTables_paginate {
  margin-top: 20px;
}

tr.kh-sub-with-grid + tr.kh-Opentr > td.details .dataTables_wrapper td:last-child {
  padding-right: 50px;
}

tr.kh-sub-with-grid + tr.kh-Opentr > td.details .dataTables_wrapper tr>th:first-child { 
  box-shadow: -23px 0px 0px #003246;
}

tr.kh-grid-opening-row {
  font-weight: 600;
}

.kh-grid-open-icon-right,
.kh-grid-open-icon-right-head {
  display: none;
  /*
    todo: diese Spalte versuchen zu verwerfen
  */
}

.kh-icon-with-sub-grid-content {
  color: #78b91f;
  cursor: pointer;
}

.kh-icon-with-sub-grid-content:hover {
	color: #669d0c ;
}

.kh-icon-with-sub-grid-content.kh-with-sub-grid-content-open {
  color: #FF2E63;
}

.kh-sub-grid-content:not(.kh-sub-grid-content-grid) {
	margin-left: 25px;
	margin-top: 14px;
	padding-bottom: 32px;
}

.kh-grid-open-icon-right {
  vertical-align: middle;
  padding-top: 10px;
}

.kh-grid-open-icon-right .detailRowIcon.kh-detail-open>svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.kh-grid-open-icon-right .detailRowIcon>svg  {
  font-size: 24px;
}

.kh_detailrowicon {
  font-weight: normal;
  color: black;
}

.kh-grid-primary td.details {
	padding: 14px 36px 20px 36px;
}

.kh-grid tbody tr:first-child td:not(.kh-grid-selectable-row) {
	padding: 7px 10px 6px;
}

.kh-grid tbody tr:first-child td.kh-grid-selectable-row{
  padding: 7px 0 6px;
}

.kh-grid-secondary tbody tr td {
	padding: 7px 10px 6px;
}

table.dataTable.kh-grid-primary>tbody>.kh-grid-opening-row > td {
	padding-bottom: 20px;
}

.dataTables_scrollHeadInner thead>tr>th{
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  box-sizing: border-box;
}

/* Farbschema für Secondary Grid*/

.kh-grid-secondary {
  color: #000000;
  background: transparent;
  padding-bottom: 20px;
}

.kh-grid-secondary>thead,
.kh-grid-secondary>thead>tr>th{
  color: #FFFFFF;
  vertical-align: middle;
}
.kh-grid-secondary>thead>tr>th{
  background-color: rgba(66,150,80,0.8);
}

.kh-grid-secondary thead th:not(.kh-white-headerrow) {
	height: 33px;
}

.kh-grid-secondary tbody tr.odd {
  background: #d6e3e8;
}

.kh-grid-secondary tbody tr.even {
  background: #FFFFFF;
}

.kh-grid-secondary tbody, 
.kh-grid-secondary tr, 
.kh-grid-secondary tr td  {
  color: #000000;
  margin: 3px;
}

.kh-grid-secondary>tbody>tr>td.tableData_rest {
  border-left: 1px dotted #95c11c;
}

.kh-grid-secondary>thead>tr>td:not(:last-child):not(.kh-responsive-grid-header-column-filter),
.kh-grid-secondary>thead>tr>th:not(:last-child):not(.kh-responsive-grid-header) {
  border-right: 1px dotted #FFFFFF;
}

.dtr-inline:not(.collapsed) > thead > tr > th.kh-responsive-grid-header ,
.dtr-inline:not(.collapsed) > thead > tr > td.kh-responsive-grid-header-column-filter,
.dtr-inline:not(.collapsed) > tbody > tr > td.kh-responsive-grid-collapse-column {
  padding: 0 !important;
  width: 0px !important;
}

.dataTables_wrapper {
  width: 100% !important;
  margin-top: 5px;
}

.dataTables_paginate {
  float: none;
  text-align: center;
  margin-top: 17px;
  height: 27px;
}

.paging_full_numbers a.paginate_button {
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  box-sizing: border-box;
  border: none;
  display: inline-block;
  height: 14px;
  padding: 0px 5px 4px;
  margin: 0 3px;
  cursor: pointer;
  color: #000000 !important;
  font-size: 1rem;
  background-color: transparent !important;
  position: relative;
}

.paging_full_numbers a.paginate_button.disabled{
	color: #cccccc !important;
    pointer-events: none;
}

.paging_full_numbers a.paginate_button:hover {
  color: #669d0c  !important;
}

.paging_full_numbers a.paginate_button.current:hover {
  color: #000000  !important;
  cursor: unset;
}

.dataTables_paginate>span>a.paginate_button {
  vertical-align: top;
  position: relative;
  top: 2px;
  left: -7px;
  width: 23px;
  height: 23px;
  border-radius: 30px;
  color:black;
}

.dataTables_paginate a.first.paginate_button, 
.dataTables_paginate a.previous.paginate_button, 
.dataTables_paginate a.next.paginate_button, 
.dataTables_paginate a.last.paginate_button {
  padding-left: 10px;
  padding-right: 10px;
  background-position: 2px 2px;
}

.dataTables_paginate .first:before {
  /*content: '\f100'; */
  content: '';
  font-family: "Font Awesome 5 Pro";
  left:0;
  position:absolute;
  top:0;
  font-size: 25px;
}

.dataTables_paginate .previous:before{
  content: '\f104';  
  font-family: "Font Awesome 5 Pro";
  left:0;
  position:absolute;
  top:0;
  font-size: 25px;
}

.dataTables_paginate .next:after{
  content: '\f105';  
  font-family: "Font Awesome 5 Pro";
  left:0;
  position:absolute;
  top:0;
  font-size: 25px;
}

.dataTables_paginate .last:after{
  /*content: '\f101'; */
  content: '';
  font-family: "Font Awesome 5 Pro";
  left:0;
  position:absolute;
  top:0;
}

.paging_full_numbers a.current {
  color: black  !important;
  font-weight: 600;
  background: #95c11c !important;
}

.kh-grid-export,
.kh-grid-dynamic-count{
  float:left;
  margin: 0 15px 0 10px;
  color: #009650;
  cursor: pointer;
  font-size: 25px;
  height: 38px;
  padding-top:2px;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  box-sizing: border-box;
  display: none;
}

.kh-grid-dynamic-count-hidden{
  display: none;
}

.kh-grid-count-disabled{
  opacity: 0.5;
  cursor: default;
}

.kh-grid-count-disabled>*{
  pointer-events: none;
}

.kh-grid-ActionList{
  float: left;
  color: #ffffff;
}

.kh-grid-ActionList .kh-grid-action-node>a{
  display: inline-block;
  height: 38px;
  background: #95c11c;
  color: #000000;
  padding: 6px 9px;
  line-height: 24px;
  margin: 0 5px;
  border-radius: 30px;
}

.kh-grid-ActionList .kh-grid-action-node>a:hover{
  color:  #009650 ;
}

.kh-grid-ActionList .kh-grid-action-node>a .kh-icon{
  margin: 0;
  display: inline-block;
}

.kh-grid-ActionList .kh-grid-action-node-icontext>a .kh-icon{
  margin-right: 10px
}

.kh-grid-ActionList .kh-grid-action-group-item{
  position: relative;
}

.kh-grid-ActionList ul.kh-grid-action-group{
  position: absolute;
  display:none;
  width: 150px;
  background: #f0f0f0;
  color: #95c11c;
  z-index: 2002;
}

.kh-grid-ActionList ul.kh-grid-action-group>li>.kh-grid-action-group-item-text>.kh-icon{
  margin: 0 0 0 5px;
  width: 20px;
  display: inline-block;
}

.kh-grid-ActionList ul.kh-grid-action-group ul.kh-grid-action-group{
  left: 130px;
  top: 0;
}

.kh-grid-ActionList>ul li:hover>ul.kh-grid-action-group{
  border: 1px solid #CCCCCC;
  display: block;            
  border-bottom: none;
}

.kh-grid-ActionList>ul li:hover>ul.kh-grid-action-group>li{
  border-bottom: 1px solid #CCCCCC;   
}

.kh-grid-ActionList>ul>li ul>li>.kh-grid-action-group-item-text>.kh-grid-action-item:first-child{
  margin-left: 25px;
}

.kh-grid-ActionList>ul>li>.kh-grid-action-group-item-text>span{
  height: 38px;
  display: inline-block;
  padding: 6px 0;
  margin: 0;
}

.kh-grid-ActionList>ul>li>.kh-grid-action-group-item-text>span.kh-icon+span{
  padding-left: 10px;
}

.kh-grid-ActionList>ul>li>.kh-grid-action-group-item-text{
  height: 38px;
  background: #95c11c;
  display: inline-block;
  padding: 0 9px;
  margin: 0 5px;
}

.kh-grid-action-group-item>.kh-grid-action-group-item-text:hover{
  color: #009650 ;
  cursor: pointer;
}

.kh-grid-ActionList>ul>li>.kh-grid-action-group-item-text:hover,
.kh-grid-ActionList>ul>li.kh-grid-action-node>a:hover{
  background: #669d0c ;
  color: #FFFFFF;
}

.kh-grid-ActionList>ul ul>li.kh-grid-action-item>a>.kh-icon{
  position: absolute;
  margin: 0 0 0 5px;
  width: 20px;
  left: -25px;
}

.kh-grid-ActionList .kh-grid-action-item>a{
  display: inline-block;
  margin-left: 25px;
  position: relative;
}

.kh-grid-ActionList>ul>li>.ui-button{
  height: 38px;
  padding: 0 15px 12px;
  margin: 0 5px;
}

.kh-grid-ActionList ul{
  list-style-type: none;
}

.kh-grid-ActionList>ul>li{
  float:left;
}

.dataTables_filter input{
  height: 38px;
  border: solid 1px #009650;
  position: relative;
  background: url(images/magnifier_light_009650.svg) no-repeat scroll #fff;
  background-size: 18px 18px;
  background-position-y: center;
  background-position-x: right;
  background-position-x: -webkit-calc(100% - 7px);
  background-position-x: -moz-calc(100% - 7px);
  background-position-x: calc(100% - 7px);
  padding: 3px 30px 7px 5px;
  font-size: 1rem;
}

.dataTables_filter label:after {
  color: #78b90f;
  font-weight: normal;
}

.dataTables_length {
  position: relative;
  float: right;
  top: 3px;
  margin-left: 120px;
  margin-bottom: 25px;
}

.dataTables_length>label {
  position: relative;
  left: -120px;
  margin-bottom: 10px;
  font-size: 100%;
}

.dataTables_length>label>div.chosen-container {
  min-width: 95px;
  width: 95px !important;
  position: absolute;
  left: 135px;
  top: -3px;
}

.dataTables_length>label>div.chosen-container-single .chosen-single{
  padding-top: 6px;
}

.dataTables_filter {
  float: left;
  margin-bottom: 30px;
  margin-right: 15px;
}

table.kh-grid thead th {
  font-style: italic;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 0;
}

.kh-grid tbody tr {
  margin-bottom: 10px;
}

.kh-grid tbody td {
	font-size: 15px;
}

.kh-grid tbody tr td {
	padding: 20px 10px 6px;
}

.kh-grid-row-is-selected tr:first-child {
  font-weight: bold;    
}

.kh-grid-secondary thead {
  background: transparent;
}

table.dataTable td.kh-grid-selectable-row {
  padding-left: 0;
  padding-right: 0;
}

table.dataTable thead th.kh-selectionIconColumn {
  padding-left: 0;
  padding-right: 0;
}

.kh-grid-selectable-row img,
.kh-selectionIconColumn img {
  width: 16px;
}

.kh-grid-select-all{
  font-weight: normal;
  color: black;
}

.detailRowIcon svg {
  width: 16px;
}

/* Formatierungen für Spalten-Typen (z.B. Zahl) */

.kh-grid-columntype-number {
	text-align: right;
}

/*dynamisch Grid Aktualisierung steuern*/
.kh-grid-DynamicGridControls{
  float:left;
}

.kh-grid-DynamicGridControls>.kh-grid-DynamicGridControls-grid,
.kh-grid-DynamicGridControls>.kh-grid-DynamicGridControls-grid tbody,
.kh-grid-DynamicGridControls>.kh-grid-DynamicGridControls-grid tr,
.kh-grid-DynamicGridControls>.kh-grid-DynamicGridControls-grid td{
  background-color:transparent;
  padding: 0;
  margin: 0;
  border: 0;
}

.kh-grid-DynamicGridControls>.kh-grid-DynamicGridControls-grid .kh-formNumber{
  border: 0;
  height: 34px;
}

.kh-grid-DynamicGridControls .kh-DynamicRefreshButton{
  margin: 0 15px 0 0;
  color: #95c11c;
  cursor: pointer;
  font-size: 1.3em;
}

.kh-grid-DynamicGridControls .kh_ordervortop>div{
  margin-left: 5px;
}

/*****************************
	Styles für L:form
******************************/

.kh-form .kh-rowlayout-row>.kh-rowlayout-col.cell .kh-input-container{
  margin-bottom: 25px;
}

.kh-form-element-edit-icon {
  cursor: pointer;
  font-size: 14px;
  color: #AFAFAF;
  margin-left: 5px;
}
.kh-form-element-edit-icon .kh-icon {
  margin: 0;
}

.kh-form-element-edit-icon .kh-icon:hover {
  color: #009650 ;
}

/**********************************
  allgemain Eingabefeld
**********************************/

.kh-subform{
  position:relative;
}

.kh-subform-close .kh-subform-content{
  display: none;
}

.kh-subform-caption{
  position: relative;
  cursor: pointer;
}

.kh-subform-visualtype-text .kh-subform-caption-text{
  padding-left: 15px;
}

.kh-subform-visualtype-dropdown .kh-subform-caption-text{
  border: 1px solid #FFFFFF;
  padding: 7px 12px 6px 12px;
}

.kh-subform-caption-text:after{
  content: '\f107'; 
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  color: #AFAFAF;
  right: 12px;
  position:absolute;
  line-height: 24px;
}

.kh-subform:not(.kh-subform-close) .kh-subform-caption-text:after{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.kh-subform-content{
  position: absolute;
  padding: 10px;
  border: 1px solid #AFAFAF;
  background: #FFFFFF;
  z-index: 9999;
}

/**********************************
  allgemain Eingabefeld
**********************************/

[type=color],
[type=date], 
[type=datetime-local], 
[type=datetime], 
[type=email], 
[type=month], 
[type=number], 
[type=password], 
[type=search], 
[type=tel], 
[type=text], 
[type=time], 
[type=url], 
[type=week], 
textarea {
  display: inline-block;
  margin: 0;
}

/**********************************
  allgemain Eingabefeld
**********************************/

.ui-spinner-button {
  display: none;
}

/*************************
  Styles für L:datepicker,L:timepicker,L:datetimepicker  
*****************************/

.kh-datepicker, .kh-datetimepicker, .kh-timepicker {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: transparent;
	font-weight: normal;
	font-size: 15px;
	font-family: PT Sans,Arial,sans-serif;
	text-decoration: none;
	height: 37px;
	transition: border-color 0.5s linear 0s;
	box-shadow: none;
	border: 0;
	margin-bottom: 0;
	border-left: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}

.kh-block-visualtype-important .kh-datepicker, 
.kh-block-visualtype-important .kh-datetimepicker, 
.kh-block-visualtype-important .kh-timepicker,
.kh-block-visualtype-important .kh-textbox,
.kh-block-visualtype-important .chosen-container-single .chosen-single, 
.kh-block-visualtype-important .chosen-container-multi .chosen-choices,
.kh-block-visualtype-important .kh-formNumber,
.kh-block-visualtype-secondary .kh-datepicker, 
.kh-block-visualtype-secondary .kh-datetimepicker, 
.kh-block-visualtype-secondary .kh-timepicker,
.kh-block-visualtype-secondary .kh-textbox,
.kh-block-visualtype-secondary .chosen-container-single .chosen-single, 
.kh-block-visualtype-secondary .chosen-container-multi .chosen-choices,
.kh-block-visualtype-secondary .kh-formNumber,
.kh-block-visualtype-highlight .kh-datepicker, 
.kh-block-visualtype-highlight .kh-datetimepicker, 
.kh-block-visualtype-highlight .kh-timepicker,
.kh-block-visualtype-highlight .kh-textbox,
.kh-block-visualtype-highlight .chosen-container-single .chosen-single, 
.kh-block-visualtype-highlight .chosen-container-multi .chosen-choices,
.kh-block-visualtype-highlight .kh-formNumber,
.kh-popup-visualtype-important .kh-datepicker, 
.kh-popup-visualtype-important .kh-datetimepicker, 
.kh-popup-visualtype-important .kh-timepicker,
.kh-popup-visualtype-important .kh-textbox,
.kh-popup-visualtype-important .chosen-container-single .chosen-single, 
.kh-popup-visualtype-important .chosen-container-multi .chosen-choices,
.kh-popup-visualtype-important .kh-formNumber,
.kh-popup-visualtype-secondary .kh-datepicker, 
.kh-popup-visualtype-secondary .kh-datetimepicker, 
.kh-popup-visualtype-secondary .kh-timepicker,
.kh-popup-visualtype-secondary .kh-textbox,
.kh-popup-visualtype-secondary .chosen-container-single .chosen-single, 
.kh-popup-visualtype-secondary .chosen-container-multi .chosen-choices,
.kh-popup-visualtype-secondary .kh-formNumber,
.kh-popup-visualtype-highlight .kh-datepicker, 
.kh-popup-visualtype-highlight .kh-datetimepicker, 
.kh-popup-visualtype-highlight .kh-timepicker,
.kh-popup-visualtype-highlight .kh-textbox,
.kh-popup-visualtype-highlight .chosen-container-single .chosen-single, 
.kh-popup-visualtype-highlight .chosen-container-multi .chosen-choices,
.kh-popup-visualtype-highlight .kh-formNumber{
  border: 1px solid #AFAFAF;
}

.kh-subform .kh-datepicker,
.kh-subform .kh-datetimepicker,
.kh-subform .kh-timepicker{
  border: 0;
	border-left: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}

.kh-datepicker.error, .kh-datetimepicker.error, .kh-timepicker.error {
  border-color: red; 
}

.ui-datepicker .ui-datepicker-prev {
  left: 11px;
  top: 0;
  background: none;
}

.ui-datepicker .ui-datepicker-next {
  right: 4px;
  top: 0;
  background: none;
}

.ui-datepicker .ui-datepicker-prev:hover:after,
.ui-datepicker .ui-datepicker-next:hover:after {
  color: #FF2e63;
}

.ui-datepicker .ui-datepicker-prev:after {
  content: '\f104'; 
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  font-weight: 100;
  color: black;
  right: 12px;
  position:absolute;
  top:13px;
  line-height: 12px;
}

.ui-datepicker .ui-datepicker-next:after {
  content: '\f105'; 
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  font-weight: 100;
  color: black;
  right: 12px;
  position:absolute;
  top:13px;
  line-height: 12px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
  right: 4px;
  top: 0;
  border: none;
  background: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
  left: 11px;
  top: 0;
  border: none;
  background: none;
}

.ui-datepicker .ui-widget-header {
  background: #e2e2e2;
  border: none;  
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-title {
  /*border-bottom: 1px solid #009650 ;*/
  border: none;
  color: black;
  font-size: 15px;
  margin: 0 1em;
  padding-bottom: 10px;
  font-family: 'Pt Sans', Arial, Sans-Serif;
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-e {
  background: none; 
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-w {
  background: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  background: none;
  background-color: #78b90f;
  border-radius: 4px;
  border: none;
  color: #FFFFFF;
  opacity: 1;
}

.ui-datepicker.ui-widget-content {
  background: #e2e2e2;
  color: #95c11c;
  border-radius: 0;
  /*border: 1px solid #009650 ;*/
  border: none;
  padding: .2em 1px .5em;
  font-size: 15px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.30)
}

.ui-datepicker .ui-slider {
  background-color: #95c11c;
  border: none;
  border-radius: 4px;
}

.ui-slider .ui-state-default {
  background-color: #000000;
  width: .8em;
  height: .8em;
  border: none;
  margin: -.4em;
  margin-top: 0;
  top: 0;
}

/*table.ui-datepicker-calendar tbody tr:nth-child(even) {
  background-color: #f4f4f4;
  font-family: 'Pt Sans', Arial, Sans-Serif;
}*/
table.ui-datepicker-calendar tbody tr {
  background-color: transparent !important;
  font-family: 'Pt Sans', Arial, Sans-Serif;
}

table.ui-datepicker-calendar>thead>tr {
  display: none;
}

table.ui-datepicker-calendar>tbody {
  background-color: #e2e2e2;
  border: none;
}

.ui-datepicker td{
  padding: 1px 5px;
}

.ui-datepicker-calendar .ui-state-default {
  background: none;
  background-color: transparent;
  border: none;
  color: black;
  transition: color 0.2s linear 0s;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.kh-searchField,.kh-datepicker, .kh-datetimepicker, .kh-timepicker {
  padding: 4px 22px 4px 13px;
}

.kh-without-calendar-panel .kh-datepicker, .kh-without-calendar-panel .kh-datetimepicker, .kh-without-calendar-panel .kh-timepicker {
  padding-right: 5px;
}

img.ui-datepicker-trigger {
  padding-left: 3px;
  padding-top: 3px;
  font-weight: bold;
  position: relative;
  width: 18px;     
  margin-top: 8px;
  margin-left: -27px;
  vertical-align: top;
  display: inline-block;
  cursor: pointer;
  color: #009650 ;
}

.kh-without-calendar-panel .ui-datepicker-trigger {
  display: none;
}

.ui-datepicker-calendar .ui-state-highlight {
  border-radius: 30px;
  /*background: none repeat scroll 0 0 #D4D4D4;
  border: 1px solid #0072C6;*/
  background: none repeat scroll 0 0 #78b90f;
  border: none;
}

.ui-datepicker-calendar .ui-state-default:hover {
  /*background: none repeat scroll 0 0 #009650 ;*/
  background: none ;
  color: #669d0c;
}

.ui-datepicker-calendar .ui-state-active{
  color: #009650 ;
}

/*****************************
	Styles für L:textbox, L:number
******************************/

.ui-spinner {
  background: none;
  border: none;
  display: inline-block;
  width: 100%;
}

.kh-textbox, .kh-formNumber {
  background: transparent;
  box-shadow: none;
  border: 0;
  height: 38px;
  font-size: 15px !important;
  margin-bottom: 0;
  padding-left: 13px;
  border-left: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

.kh-textbox.error, .kh-formNumber.error{
  border-color: red;
}

.kh-textbox {
  padding: 4px 5px 4px 13px;
}

.ui-state-disabled{
  /*jquery CSS überschreiben*/
  opacity: 1.0;
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly]{
  pointer-events: none;
  opacity: 0.5;
  background: transparent;
}

.kh-input-container.disabled>.kh-form-element-edit-icon{
  pointer-events: none;
  opacity: 0.5;
  visibility: hidden;
}

.kh-form-single .kh-textbox,
.kh-form-single .ui-spinner,
.kh-form-single .dropdownlist-wrapper,
.kh-form-single .kh-picker-container 
 {
  pointer-events: none;
}

.kh-form-single .kh-input-container.kh-activ .kh-textbox,
.kh-form-single .kh-input-container.kh-activ .ui-spinner,
.kh-form-single .kh-input-container.kh-activ .dropdownlist-wrapper,
.kh-form-single .kh-input-container.kh-activ .kh-picker-container 
{
  pointer-events: auto;
}

.kh-form-single .kh-input-container.kh-activ .kh-form-element-edit-icon {
  visibility: hidden;
}

.kh-form-element-edit-icon {
  display: none;
}

.kh-form-single .kh-form-element-edit-icon{
  display: block;
}

.kh-textbox-selected {
  border: 1px solid #95c11c;
  font-size: 18px;
}

.kh-textbox:focus, 
.kh-datepicker:focus, 
.kh-datetimepicker:focus, 
.kh-timepicker:focus, 
.kh-textarea:focus,
.kh-picker-activ .kh-datepicker,
.kh-picker-activ .kh-timepicker,
.kh-picker-activ .kh-datetimepicker
{
  border: 1px solid #95c11c;
  color: #0a0a0a;
  font-size: 18px;
}

.kh-popup-visualtype-important input,
.kh-popup-visualtype-secondary input,
.kh-popup-visualtype-highlight input,
.kh-block-visualtype-important input,
.kh-block-visualtype-secondary input,
.kh-block-visualtype-highlight input,
.kh-block-visualtype-important .chosen-container-single .chosen-single,
.kh-block-visualtype-secondary .chosen-container-single .chosen-single, 
.kh-block-visualtype-highlight .chosen-container-single .chosen-single,
.kh-popup-visualtype-important .chosen-container-single .chosen-single,
.kh-popup-visualtype-important .chosen-container-single .chosen-single, 
.kh-popup-visualtype-important .chosen-container-single .chosen-single,
.kh-block-visualtype-important .chosen-container-multi .chosen-choices,
.kh-block-visualtype-secondary .chosen-container-multi .chosen-choices, 
.kh-block-visualtype-highlight .chosen-container-multi .chosen-choices,
.kh-popup-visualtype-important .chosen-container-multi .chosen-choices,
.kh-popup-visualtype-secondary .chosen-container-multi .chosen-choices,  
.kh-popup-visualtype-highlight .chosen-container-multi .chosen-choices{
  color: #000000;
}

.kh-subform-content input,
.kh-subform-content .chosen-container-single .chosen-single,  
.kh-subform-content .chosen-container-multi .chosen-choices,
.chosen-container input{
  color: #0a0a0a;
}

.kh-input-label label{
  font-family: 'Pt Sans', Arial, Sans-Serif;
	font-style: italic;
	font-size: 12px !important;
	color: #434343;
	padding-left: 13px;
}

.kh-popup-visualtype-important label,
.kh-popup-visualtype-secondary label,
.kh-popup-visualtype-highlight label,
.kh-block-visualtype-important label,
.kh-block-visualtype-secondary label,
.kh-block-visualtype-highlight label{
  color: #000000 !important;
}

.kh-subform-content {
  min-width: 100%;
}

.kh-subform-content label{
  color: #434343;
}

/* Wenn sich eine Textbox / Number in einer Tabelle befindet, muss das Styling anders sein */
.kh-grid-secondary .kh-formNumber {
	border: 1px solid #95c11c;
	background: white;
}

.kh-grid-secondary .kh-formNumber.error {
	border-color: red;
}

/*****************************
	Styles für L:dropdownlist
******************************/

.kh-select-item-with-icon:after {
  content: attr(data-icon); 
  font-family: "Font Awesome 5 Pro";
  float: right;
}

.dropdownlist-wrapper {
  display: inline-block;
  width: 100%;
}

.chosen-container {
  min-width: 100px;
  width: 100% !important; 
}
.chosen-container-active:not(.chosen-with-drop) .chosen-single,
.chosen-container-active:not(.chosen-with-drop) .chosen-choices {
  outline: 0;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow .5s,border-color .25s ease-in-out;
  color: #000000;
}

.chosen-container-active.chosen-with-drop {
  background: #FFFFFF;
}

.chosen-container  .chosen-results>li {
	font-size: 15px;
  color: #434343;
}

.chosen-container .chosen-results li.highlighted{
	background-image: none;
	background-color: #e3e3e3;
	color: #000;
}

.chosen-container-single .chosen-search, 
.chosen-container-multi .search-field {
  position: relative;
  z-index: 2010;
  margin: 0;
  padding: 3px 12px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"], 
.chosen-container-multi .search-field input[type="text"]{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 20px 4px 5px;
  font-size: 15px;
  height: auto;
}

.chosen-container-single .chosen-single span, .chosen-container-multi .chosen-choices span {
  display: block;
  color: inherit;
  font-family: 'Pt Sans', Arial, Sans-Serif;
  font-size: 15px;
  font-weight: normal;
  margin-right: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 24px;
}

.chosen-container-multi.chosen-with-drop>.chosen-choices span,
.chosen-container-single.chosen-with-drop>.chosen-single span{
  color: #AFAFAF;
}

.chosen-container .chosen-results {
  padding: 0 0 0 6px;
  margin: 0 6px 4px 0;
}

.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-image: none;
  box-sizing: border-box;
  border-width: 0 0 1px 1px;
  box-shadow: none;
  border-color: #d8d8d8;
  border-radius: 0 !important;
  display: block;
  height: 38px;
  overflow: hidden;
  padding: 7px 12px 6px 12px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bold;
  background-color: #fefefe;
}

.chosen-container .chosen-drop {
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.30)
}

.chosen-container-active.chosen-with-drop .chosen-single{
  background-image: none;
	border: 1px solid #AFAFAF;
}

.chosen-container-single:not(.chosen-with-drop) .chosen-single:hover {
  border-color: #AFAFAF;
}


.chosen-container-single .chosen-single abbr:hover {
  background-position: 1px -2px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 14px; 
  right: 35px;
  display: block;
  width: 16px; 
  height: 16px; 
  background: none;
  background-size: 12px 16px;
  font-size: 1px;
  border-bottom: none;
  cursor: pointer;
}
.chosen-container-single .chosen-single abbr:before {
    content: '\f00d';
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    font-weight: 100;
    color: RGB(175, 175, 175);
    right: 4px;
    position: absolute;
    top: 0px;
    line-height: 12px;
    font-style: normal;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 28px;
  height: 100%;
}

.chosen-container-single .chosen-single div b:after,
.chosen-container-multi .chosen-choices div b:after{
  content: '\f107'; 
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  font-weight: 100;
  color: RGB(175, 175, 175) !important;
  right: 12px;
  position:absolute;
  top:13px;
  line-height: 12px;
  font-style: normal;
}

.chosen-container-multi .chosen-choices {
  cursor: pointer;
}

.chosen-container-single .chosen-single div b:hover:after,
.chosen-container-multi .chosen-choices div b:hover:after{
  color: #000000 !important;
}

.chosen-container-active.chosen-with-drop .chosen-single div b:after,
.chosen-container-active.chosen-with-drop .chosen-choices div b:after{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.chosen-container-single .chosen-drop {
  border-radius: 0 !important;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: center center;
}

.chosen-container-multi:not(.chosen-with-drop) .chosen-choices:hover {
  border-color: #009650 ;   
}

.chosen-with-drop .chosen-choices {
  border: 1px solid #95c11c;
  border-radius: 0;
  border-bottom: none;
}

.chosen-container-multi .chosen-choices div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 28px;
  height: 100%;
}

.chosen-container-multi .chosen-choices div b {
  background: none;
  display: block;
  height: 100%;
  width: 100%;
}

.chosen-container-multi .chosen-choices div b:hover{
  background: none;
}

.chosen-container-multi .selected-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 1px solid #0072c6;
  margin: 0;
}


.chosen-container-multi .chosen-results>li,
.chosen-container-multi .selected-results>li{
	position:relative;
}

.chosen-container-multi .selected-results>li:before,
.chosen-container-multi .chosen-results>li:before{
  font-family: "Font Awesome 5 Pro";
  left:2px;
  position:absolute;
  top:5px;
  color: #95c11c;
  font-weight: 100;
  font-size: 12px;
}

.chosen-container-multi .chosen-results > .active-result:before {
    color: #95c11c;
}
.chosen-container-multi .chosen-drop .result-selected:before {
    content: "\f14a";
    color: #95c11c;
    font-weight: bold !important;
}
.chosen-container-multi .chosen-results li.highlighted:before {
    content: "\f0c8";
    color: #95c11c;
}

.chosen-container-multi .chosen-drop .result-selected {
  background: none;
}

.chosen-container-multi .chosen-results li.highlighted.result-selected {
    background-image: none;
}

.chosen-container-multi .chosen-drop .result-selected:before {
	content: '\f14a';
	font-weight: bold;
	background: radial-gradient(black 56%,transparent 44%);
	height: 10px;
	line-height: 12px;
	right: unset !important;
}

.chosen-container-multi .selected-results li.result-selected {
  padding: 5px 6px 5px 18px;
}

.chosen-container-multi .chosen-results>.active-result {
  background: none;
}

.chosen-container-multi .chosen-results>.active-result:before {
  content: '\f0c8';  
}

.dropdownlist-wrapper.error .chosen-container:not(.chosen-with-drop) .chosen-single,
.dropdownlist-wrapper.error .chosen-container:not(.chosen-with-drop) .chosen-choices{
  border-color: red !important;
}

.chosen-container-multi>.chosen-drop>li.search-choice {
  display: none;
}

.chosen-container .chosen-drop{
	border: 1px solid #AFAFAF;
  border-top: 0;
  font-family: Pt Sans, arial,sans-serif;
}

.kh-dropdownlist-nofilter+.chosen-container-multi .search-field {
  display:none
}

.kh-comboboxRequired:not(.kh-dynamicCombobox)+.chosen-container abbr.search-choice-close {
  display: none;
}

.kh-invisible-item{
  display: none !important;
}

.kh-visible-item{
  display: block !important;
}

/*****************************
	Styles für L:checkbox
******************************/

.kh-checkbox-label {
  margin-left: 10px;
	margin-top: 1px;
	font-size: 15px;
}

.icheckbox_square-blue.error {
  border:1px solid red;
  /*border-radius: 4px;*/
  background: none;
}

.icheckbox_square-blue.checked:before {
    color: #78b90f;
    background: radial-gradient(black 55%,transparent 40%);
}
.icheckbox_square-blue:hover:before {
    color: #78b90f;
    
}

.icheckbox_square-blue.disabled{
	opacity: 0.5;
	pointer-events: none;
	
}

.icheckbox_square-blue.indeterminate:before {
    color: #78b90f;
	font-weight:bold;
	background: radial-gradient(black 60%,transparent 40%);
}

.icheckbox_square-blue.indeterminate:hover:before {
    color: #78b90f;
}

/**************************
  Styles für L:radiobuttons
**************************/

label.kh-radiobutton-label {
  display: inline;
}

.kh-radioButton-item {
  padding-right: 10px;
}

.iradio_square-blue.checked:before {
    color: #78b90f;
	background: radial-gradient(black 60%,transparent 40%);
	font-weight: 900 !important;
}

.kh-subform-content .icheckbox_square-blue.checked:before, .kh-subform-content .iradio_square-blue.checked:before {
    color: #78b90f !important;
}

.iradio_square-blue:hover:before {
    color: #78b90f;
}

.kh-radioButton-container-vertical  .kh-radioButton-item{
  display: block;
}

.iradio_square-blue.error {
  border:1px solid red;
  background:none;
  border-radius: 8px;
}

.kh-radiobutton-label {
  margin-left: 10px;
  margin-top: 1px;
  font-size: 15px;
}

/**********************************
	Styles für Fehlermeldung Dialog
***********************************/

.ui-dialog{
  border-radius: 0;
  /*border: 5px solid #FF2E63;*/
  padding: 35px;
  z-index: 2001 !important;
  font-size: 15px;
  font-family: "PT Sans", Arial, Sans-Serif;
}

.ui-dialog.kh-error-message-dialog {
    border-color: grey;
}

.ui-dialog .ui-dialog-titlebar{
  color: #78b90f;
	font-family: 'Pt Sans', Arial, Sans-Serif;
	font-weight: bold;
	font-size: 24px;
  margin-bottom: 25px;
  padding: 0;
  background: none;
  border: none;
}

.ui-dialog.kh-error-message-dialog .ui-dialog-titlebar{
  color: #d7373c;
}

.kh-table-export-dialog.ui-dialog .ui-dialog-titlebar{
  color: #95c11c;
}

.ui-dialog .ui-dialog-titlebar-close {
  right: -30px;
  top: -21px;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick:before {
	color: #95c11c;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover{
  border: none;
  color: #95c11c;
  background: none;
}

.ui-dialog .ui-dialog-titlebar-close span{
  background: none;
}

.ui-dialog .ui-dialog-titlebar-close:before{
  content: '\f00d';  
  font-family: "Font Awesome 5 Pro";
  left:-5px;
  position:absolute;
  top:0;
  color: #95c11c;
  font-weight: 100;
}

.ui-dialog.kh-error-message-dialog .ui-dialog-titlebar-close:before{
  color: grey;
}

.kh-table-export-dialog.ui-dialog .ui-dialog-titlebar-close:before{
  color: #95c11c;
}

.ui-dialog .ui-dialog-content{
  padding: 0;
}

.ui-dialog .ui-dialog-buttonpane{
  border: 0;
  padding: 0;
  margin-top: 50px;
}

.kh-table-export-dialog.ui-dialog .ui-dialog-buttonpane{
  margin-top: 10px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
  float: left;
}

.ui-dialog .ui-dialog-buttonpane .ui-button{
  border: 0;
  margin: 0 5px;
  color:black;
  font-family: 'Pt Sans', Arial, Sans-Serif;
}

.ui-dialog .ui-dialog-buttonpane .kh-primaryButton{
  background: #78b90f;
}

.ui-dialog .ui-dialog-buttonpane .kh-secondaryButton {
  background: #9F9972;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child{
  margin-left: 0;
}

#kh-validation-message.ui-dialog-content + .ui-dialog-buttonpane  .ui-button,
#kh-ErrorMessage.ui-dialog-content + .ui-dialog-buttonpane  .ui-button{
  background: #78b90f;
  color:#000000;
}

#kh-validation-message.ui-dialog-content + .ui-dialog-buttonpane  .ui-button:hover,
#kh-ErrorMessage.ui-dialog-content + .ui-dialog-buttonpane  .ui-button:hover{
  background: #669d0c;
  color:#ffffff;
}


/*****************************
	Styles für L:popup
******************************/

.kh-popup-caption {
	color: #95c11c;
	font-family: 'Pt Sans', Arial, Sans-Serif;
	font-weight: bold;
	font-size: 24px;
  margin-bottom: 25px
}

.ui-widget-overlay{
  background: rgba(10,10,10,.45);
}

.ui-widget-overlay {
  z-index: 2000 !important;
}

@media screen and (min-width: 40em) {
  .kh-popup.reveal {
    /*folgende Regel ist ein blauen Rahmen für Popup Fenster.
     es muss aber noch spezifizieren, ob das wir brauchen */
    /*border: 5px solid #95c11c;*/
    border: 0;
  }

  .kh-popup.reveal, .kh-popup.reveal .kh-popup-content {
    overflow: visible;
  }
}
.kh-popup-visualtype-important .kh-popup-caption .kh-icon,
.kh-popup-visualtype-secondary .kh-popup-caption .kh-icon,
.kh-popup-visualtype-highlight .kh-popup-caption .kh-icon{
  color: #FFFFFF;
}

.kh-popup-visualtype-secondary .kh-withApi, 
.kh-popup-visualtype-secondary .kh_gotodocument_link, 
.kh-popup-visualtype-secondary .kh-popup-caption,
.kh-popup-visualtype-secondary .kh-PopupLink,
.kh-popup-visualtype-highlight .kh-withApi, 
.kh-popup-visualtype-highlight .kh_gotodocument_link, 
.kh-popup-visualtype-highlight .kh-popup-caption,
.kh-popup-visualtype-highlight .kh-PopupLink,
.kh-popup-visualtype-important .kh-withApi, 
.kh-popup-visualtype-important .kh_gotodocument_link,
.kh-popup-visualtype-important .kh-popup-caption,
.kh-popup-visualtype-important .kh-PopupLink{
  color: #FFFFFF;
  font-weight: bold;
}

.kh-popup-visualtype-standard .kh-withApi, 
.kh-popup-visualtype-standard .kh_gotodocument_link,
.kh-popup-visualtype-standard .kh-popup-caption{
  color:#95c11c;
}

.kh-popup-visualtype-important{
  background-color: #95c11c;
  color: #ffffff;
}

.kh-popup-visualtype-secondary{
  background-color: #9F9972;
  color: #ffffff;
}

.kh-popup-visualtype-highlight{
  background-color: #FF2E63;
  color: #ffffff;
}

.kh-popup-visualtype-standard{
  background-color: #F4F4F4;
  color: #000000;
}

.kh-popup.reveal {
  padding: 0;
  padding-left: 50px;
}

.kh-popup-buttons-container .kh-button {
  border: none;
  appearance:none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /*Chrom*/
}

.kh-popup-visualtype-highlight .kh-button,
.kh-popup-visualtype-secondary .kh-button,
.kh-popup-visualtype-important .kh-button{
  background: #FFFFFF;
  Color: #016595;
}

.kh-popup-visualtype-standard  .kh-button{
  color: #FFFFFF;
  background: #95c11c;
}

.kh-popup-visualtype-highlight  .kh-button:hover,
.kh-popup-visualtype-secondary  .kh-button:hover,
.kh-popup-visualtype-important  .kh-button:hover,
.kh-popup-visualtype-standard  .kh-button:hover{
  background: #009650 ;
  Color: #FFFFFF;
}

.kh-popup-buttons-container {
  margin-top: 0;
}

.kh-popup-closebutton-container{
  margin-top: 50px;
  text-align: right;
}

.kh-popup-caption .kh-part-header>.cell:last-child .kh-icon{
  position: relative;
  top: -35px;
  left: 35px;
}

.kh-popup-caption .kh-icon {
	color: #78b91f; 
}

.kh-PopupLink {
  cursor: pointer;
  color: #78b91f;
}
.kh-block-visualtype-standard-gradient .kh-PopupLink {
  color: #78b91f;
}

.kh-PopupLink.ui-button{
  color: #FFFFFF;
}

/*****************************
	Styles für L:buttonblock
******************************/

.kh-buttonblock {
	background: #e3e3e3;
	margin-bottom: 20px;
	padding: 30px 36px 25px 36px;
}

.kh-buttonblock .kh-button {
	color: #000000;
	background: #78b90f;
	border: 0;
	margin: 0;
	
	appearance:none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /*Chrom*/
}

.kh-buttonblock.grid-x>div{
  padding: 10px;
}

.kh-buttonblock.grid-x>div .ui-button{
  width: 100%;
}

.kh-buttonblock .kh-button .ui-button-text{
  color: #000000;
}

.kh-buttonblock .kh-button:first-child {
	margin-left: 0;
}

.kh-buttonblock .kh-button:hover {
	color: #FFFFFF;
	background: #669d0c ;
}

.kh-buttonblock .kh-button:hover .ui-button-text{
  color: #FFFFFF;
}

.kh-button-disabled{
  pointer-events: none;
  opacity: 0.5;
}

#emailaktivierung > div {
	border-color: #95c11c !important
}