/*---------------------
  Fehlermeldungen
---------------------*/
table tr.error.output{
	background-color: #ffd8ce;
	color: #FF0000;
	border: 1px solid #ff0302;
	padding: 12px 10px 18px;
	margin-bottom: 1rem;
}
table tr.output.error:last-child td {
  border-bottom: 1px solid #ff0302;
}
/**************************
	Infobox im Banner
***************************/
.info-box > div > p {
    margin-bottom: 0;
    margin-top: 0;
}
/**************************
	Sponsorbox
***************************/
#header .partner-info {
    width: 213px;
}
#header .partner-info img {
    height: 12px;
    width: 213px;
}
/**************************
	Logomaps
***************************/
.partner.cols-4 {
  margin-bottom: 20px;
}
.partner.cols-4 > div {
  float: left;
  width: 141px;
  position: relative;
  margin-left: 20px;
  margin-bottom: 20px;
}
.partner.cols-4 > div > a {
  display: block;
  border: 1px solid #eeefed;
  background-color: #FFF;
  padding: 10px 10%;
  height: 60px;
}
.partner.cols-4 > div > a > img {
  max-width: 80%;
  max-height: 60px;
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.partner.cols-4 > div:nth-child(4n + 1) {
  margin-left: 0;
}
.partner.cols-4:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
@media screen and (max-width: 1012px) {
	/*--------------------------
    Partner
	----------------------------*/
	.partner.cols-4 > div {
		width: 20%;
		margin-left: 6%;
	}
}
@media screen and (max-width: 660px) {
	/*--------------------------
      Partner
	----------------------------*/
	.partner.cols-4 > div {
		width: 30%;
		margin-left: 4%;
	}
	.partner.cols-4 > div:nth-child(4n + 1) {
		margin-left: 4%;
	}
	.partner.cols-4 > div:nth-child(3n + 1) {
		margin-left: 0;
	}
}
@media screen and (max-width: 480px) {
	/*--------------------------
      Partner
	----------------------------*/
	.partner.cols-4 > div {
		width: 47%;
		margin-left: 6%;
	}
	.partner.cols-4 > div:nth-child(3n + 1),
	.partner.cols-4 > div:nth-child(4n + 1) {
		margin-left: 6%;
	}
	.partner.cols-4 > div:nth-child(2n + 1) {
		margin-left: 0;
	}
}
/**************************
	Logomap im Tab
***************************/
.tabs .partner.cols-5 > div {
	width: 102px;
}
@media screen and (max-width: 1012px) {
	/*--------------------------
    Partner
	----------------------------*/
	.tabs .partner.cols-5 > div {
		width: 20%;
		margin-left: 4%;
	}
}
@media screen and (max-width: 660px) {
	/*--------------------------
      Partner
	----------------------------*/
	.tabs .partner.cols-5 > div {
		width: 30%;
		margin-left: 3%;
	}
}
@media screen and (max-width: 480px) {
	/*--------------------------
      Partner
	----------------------------*/
	.tabs .partner.cols-5 > div {
		width: 47%;
		margin-left: 3%;
	}
}
.tabs .partner.cols-4 > div {
	width: 133px;
}
@media screen and (max-width: 1012px) {
	/*--------------------------
    Partner
	----------------------------*/
	.tabs .partner.cols-4 > div {
		width: 20%;
		margin-left: 4%;
	}
}
@media screen and (max-width: 660px) {
	/*--------------------------
      Partner
	----------------------------*/
	.tabs .partner.cols-4 > div {
		width: 30%;
		margin-left: 3%;
	}
}
@media screen and (max-width: 480px) {
	/*--------------------------
      Partner
	----------------------------*/
	.tabs .partner.cols-4 > div {
		width: 47%;
		margin-left: 3%;
	}
}
/**************************
	Unternehmensbox
***************************/
.partner > .logos > .row > div > img{
  max-width: 118px;
  max-height: 58px;
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
/**************************
	Expander
***************************/
.expander {
  clear: both;
  margin-bottom: 20px;
}
.expander .date {
  font-weight: bold;
  float: left;
  width: 12%;
  margin-right: 3%;
}
.expander .highlight {
  margin-bottom: 5px;
  background-color: #EEEFED;
  padding: 10px;
}
.expander .location {
  color: #a3aa9f;
  text-align: right;
  float: right;
  margin-left: 15px;
  font-size: 12px;
  font-size: 0.9230769230769231rem;
  line-height: 140%;
}
.expander .smaller-grey-text {
  font-style: italic;
}
.expander *:last-child {
  margin-bottom: 0;
}
.expander .toggle-item .headline,
.expander .toggle-item .location {
  margin-bottom: 0;
}
.expander .toggle-item .headline {
font-weight: bold;
}
.expander .toggle-item .headline:after {
  font-family: "lf-icon-font";
  content: '\e808';
  font-style: normal;
  font-weight: 600;
  speak: none;
  display: inline-block;
  text-decoration: none;
  width: 1em;
  margin-left: .3em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  font-size: 18px;
  line-height: 100%;
}
.expander .toggle-item .toggle-content {
  margin-top: 1em;
}
.expander .toggle-item:hover {
  cursor: pointer;
}
.expander .toggle-item.open .headline:after {
  content: '\e807';
}
.expander .blue {
    background-color: #d9eaf6;
}
.expander .purple {
    background-color: #e4dbe9;
}
.expander .gray {
    background-color: #EEEFED;
}
/**************************
	Formular
***************************/
.form-error {
  color: #FF0000;
}
.form-error input[type="text"],
.form-error input[type="email"],
.form-error input[type="password"],
.form-error input[type="search"],
.form-error textarea,
.form-error select,
.form-error .file-upload {
  border: 1px solid #FF0302;
  background-color: #FFD8CE;
}
.form-error .select:before {
  background-color: #FFD8CE;
}
.form-error ::-webkit-input-placeholder,
.form-error ::-moz-placeholder,
.form-error :-ms-input-placeholder,
.form-error input:-moz-placeholder {
  color: #000;
  opacity: 0.6;
}
/**************************
	Wissensdatenbank
***************************/
.extended-search .tags a span {
    text-decoration: none;
	font-weight: normal;
}
.tags a > span {
  background-color: #EEEFED;
  color: #232622;
  font-size: 12px;
  font-size: 0.9230769230769231rem;
  line-height: 140%;
  padding: 4px 35px 4px 12px;
  display: inline-block;
  margin-bottom: 1em;
  margin-right: 5px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  position: relative;
}
.search-form-box .tags a > span {
    background-color: #fff;
}
.tags > a span:after {
	font-family: "lf-icon-font";
	content: '\e818';
	font-style: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-left: 5px;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	font-weight: normal;
	/* IE-underline FIX */
	height: 1.0em;
	overflow: hidden;
	color: #A3AA9F;
	font-size: 16px;
	line-height: 100%;
	position: absolute;
	right: 10px;
	top: 3px;
}
/**************************
	Anmeldeformular
***************************/
.anmeldeformular h1 {
    font-size: 1.25rem;
    line-height: 140%;
}
.anmeldeformular form fieldset div > .left {
	width: 30%;
	float: left;
}
.anmeldeformular form fieldset div > .right {
	width: 50%;
	margin-left: 5%;
	float: left;
}
.anmeldeformular label.mandatory {
	font-weight: 600;
}
.anmeldeformular form fieldset {
	margin: 20px 0px;
	padding-bottom: 0px;
}
.anmeldeformular div.indented {
	padding-left: 50px;
}
.mandatory_hint {
	text-align: right;
}
.optionchildren {
	margin-left: 10px;
}
.option .textafter {
	padding: 0.5em;
	font-size: 90%;
	border: 1px solid #CCC;
	margin-left: 30px;
	margin-bottom: 1em;
}
.text-textbox .left {
	margin-bottom: 10px;
}
.text-textbox .right {
	margin-left: 0;
	width: 100%;
}
.fieldError {
	margin-top: 0.25em;
	color: #FF0000;
}
div.output.success {
    background-color: #d5eabf;
    border: 1px solid #359a35;
}
div.output.error {
    background-color: #ffd8ce;
    border: 1px solid #ff0302;
}
div.output {
    padding: 12px 10px 18px;
}
/**************************
	Kalender
***************************/
table.calendar thead tr th.next a.disabled:before, table.calendar thead tr th.prev a.disabled:before, table.calendar thead tr th.next a.disabled:hover:before, table.calendar thead tr th.prev a.disabled:hover:before {
	color: #A3AA9F;
}
table.calendar thead tr th.next a.disabled, table.calendar thead tr th.prev a.disabled, table.calendar tbody tr td a.other-month, table.calendar tbody tr td a.noEvents, table.calendar thead tr th.next a.disabled:hover table.calendar thead tr th.prev a.disabled:hover, table.calendar tbody tr td a.other-month:hover, table.calendar tbody tr td a.noEvents:hover {
	pointer-events: none;
   	cursor: default;
}
.register > tbody > tr > td.open > a{
  position: relative;
  z-index: 260;
  background-color: #FFF;
  border-color: #DADDD9;
  border-bottom-color: #FFF;
}
.register > tbody > tr > td > a {
	display: inline-block;
	width: 33px;
  	border: 1px solid #EEEFED;
}
.layer .linklist a {
	color: #000000;
}
.search-form-box table.calendar tbody tr td.active {
	  border: none;
}
.search-form-box table.calendar tbody tr td.active a {
	  border: 1px solid #FFF;
}
/**************************
	Kacheln
***************************/
.kachel {
    width: 261px !important;
}
.kachel.box {
	padding: 10px 3%;
	width: 90%;
	margin-bottom: 20px;
}
.kachel.box.border-grey {
	width: 260px !important;
}
.tabs .kachel.box {
    width: 40% !important;
}
/**************************
	Wissensdatenbank
***************************/
.service-box.lf-icon-font-acrobatpdf:before,
.service-box.lf-icon-font-excel:before,
.service-box.lf-icon-font-word:before,
.service-box.lf-icon-font-archive:before,
.service-box.lf-icon-font-powerpoint:before,
.service-box.lf-icon-font-book:before,
.service-box.lf-icon-font-magazine:before,
.service-box.lf-icon-font-arrow:before,
.service-box.lf-icon-font-image:before {
	float: left;
    position: relative;
    top: 2px;
	color:  #575E53
}
.service-box.lf-icon-font-arrow:before {
	content: '\e820';
}
/**************************
	Invertierung
***************************/
.invert,.non-inv {
    width: auto;
}
.invert {
    background: #000000 ;
    color: #fff;
}
#content .wrapper.invert:last-child {
	margin-bottom:-20px
}
.wrapper-section {
	padding:45px 0
}
#content.content-invert .wrapper:first-child  {
	margin-top:-45px
}
.invert .wrapper-section,.non-inv .wrapper-section,.invert .heading > h2,.invert .heading > h2, .non-inv .heading > h2 {
    margin: 0 auto;
    width: 972px;
}
.heading  h2 {
	padding:15px 0;
	line-height: 120%;
	margin:0;
}
.invert .heading  {
	background-color:;
}
.non-inv .heading  {
	background-color:rgba(0,0,0,0.15);
}
/* Allgemeine Elemente */
.invert h1,
.invert  h2,
.invert  h3,
.invert  h4,
.invert  h5,
.invert  h6 ,
.invert a,
.invert .news-list .news-item .title,
.invert .events-list .news-item .title,
.invert .news-list .event-item .title,
.invert .events-list .event-item .title,
.invert a.arrow:before,
.invert a.video:before,
.invert a.lightbox:before,
.invert a.mail:before,
.invert a.vcard:before,
.invert a.xing:before,
.invert a.check:before,
.invert a.check-empty:before,
.invert a.empty-calendar:before,
.invert a.settings:before,
.invert a.profile:before,
.invert a.bills:before,
.invert a.support:before,
.invert a.database:before,
.invert ul.linklist li a:before   {
    color: #FFF;
}
.invert a.arrow:hover:before,
.invert a.video:hover:before,
.invert a.lightbox:hover:before,
.invert a.mail:hover:before,
.invert a.vcard:hover:before,
.invert a.xing:hover:before,
.invert a.check:hover:before,
.invert a.check-empty:hover:before,
.invert a.empty-calendar:hover:before,
.invert a.settings:hover:before,
.invert a.profile:hover:before,
.invert a.bills:hover:before,
.invert a.support:hover:before,
.invert a.database:before,
.invert a.arrow:hover,
.invert a.video:hover,
.invert a.lightbox:hover,
.invert a.mail:hover,
.invert a.vcard:hover,
.invert a.xing:hover,
.invert a.check:hover,
.invert a.check-empty:hover,
.invert a.empty-calendar:hover,
.invert a.settings:hover,
.invert a.profile:hover,
.invert a.bills:hover,
.invert a.support:hover,
.invert a.database:hover,
.invert p.smaller-grey-text,
.invert blockquote.smaller-grey-text,
.invert  .contact-person .name span {
	color:#8099af
}
.invert .special .image-text-box  h2,.invert .special .image-text-box  h3 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom: 10px;
	text-align: center;
}
.invert .special .text p {
	color: rgba(255, 255, 255, 0.5);
	text-align:center
}
.invert .special .teaser .image-text-box img {
	border:3px solid rgba(0, 0, 0, 0.2);
}
/* Akkordeon */
.invert .tab-content ul.resp-tabs-list li.resp-tab-active,
.invert .tab-content ul.resp-tabs-list li.resp-tab-active:hover,
.invert .resp-tab-content,
.invert .tab-content .resp-tabs-container .resp-tab-content,
.invert .tab-content.small ul.resp-tabs-list li.resp-tab-item  {
	background-color: #000000 ;
	border-color: !important;
	color:#FFF
}
.invert .tab-content ul.resp-tabs-list li,
.invert .tab-content h2.resp-accordion.resp-tab-active,
.invert .tab-content.small ul.resp-tabs-list li.resp-tab-item.resp-tab-active {
	background-color: ;
	border-color: !important;
}
.invert .tab-content h2.resp-accordion .resp-arrow:before,.invert .download-list .download-items .download-item:before,.invert .tab-content ul.resp-tabs-list li.resp-tab-item {
	color:#FFF
}
.invert .tab-content h2.resp-accordion.resp-tab-active {
	background-color:  !important;
	color:#FFF
}
.invert .tab-content h2.resp-accordion {
  background-color: ;
  border-color: !important;
}
.invert .resp-tabs-container,.invert h2.resp-accordion {
	background-color: #000000  ;
	color:#FFF !important
}
.invert .tab-content h2.resp-accordion:first-child {
	background-color:  !important;
}
.invert form fieldset > legend {
	background-color: #000000 ;
	color:#FFF
}
/* NEWS */
.invert .event-item .date-box {
	background-color: ;
	color:#FFF
}
/* EVENTS */
.invert .news-list .news-wrapper,
.invert  .events-list .news-wrapper,
.invert  .news-list .events-wrapper,
.invert  .events-list .events-wrapper {
	border-color: rgba(0,0,0,0.5);
}
/* DOKUMENTENBOX */
.invert  .download-list .download-items .download-item {
  border-top: 1px solid rgba(0,0,0,0.5);
}
/* Form-Elemente */
.invert .file-upload  {
	background-color: #FFF !important
}
/* Galerie & Boxen */
.invert .gallery-wrapper,.invert .box.full-grey, .invert .expander .highlight,.invert .expander table tr:last-child td {
	background-color: ;
}
.invert .box.disquieter {
	background: ;
}
.invert .box.disquieter:after {
	border-color: #000000  rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}
.invert .select select,.invert .select:before,
.invert .box.full-grey .select.highlight select,
.invert .box.full-grey .select.highlight:before {
	background-color: #FFF ;
	border-color:#000000 ;
	color:
}
.invert .box.full-grey .select.highlight:before {
	background-image: url("/assets/images/select-bg.png") !important
}
.invert .select.highlight select,.invert .select.highlight:before,.invert .contact-person .name {
	color:#FFF
}
.invert .error.box {
	color:
}
.invert .partner.cols-2 > .logos {
  border-bottom: 1px dotted rgba(0,0,0,0.5);
}
/* Expander */
.invert  .expander table tr td {
	border:0
}
/* Tabellen */
.invert table th {
	background-color: ;
	color:#FFF
}
.invert table tr:nth-child(1n) {
	background-color:transparent
}
.invert table tr:nth-child(2n) {
	background-color:rgba(0,0,0,0.1)
}
.invert table tr:last-child td {
	border-bottom:1px solid  rgba(0,0,0,0.2);
}
.invert table tr th,.invert table tr td {
  border-left-color: rgba(0,0,0,0.2);
}
/* Text V-Align in Section */
@media screen and (min-width: 1024px) {
	.image-text-box.text-valign-middle {
	  display: table;
	}
	.image-text-box.text-valign-middle > div.image {
		width: 100% !important;
	}
	.image-text-box.text-valign-middle > div.text {
		display: table-cell;
		height: inherit;
		padding-left: 2%;
		vertical-align: middle;
	}
}
/* MEDIA QUERIES */
@media screen and (max-width: 1024px) {
  html {
	overflow-x:hidden;
	max-width:100vw;
  }
  iframe html {
	overflow-x:hidden;
	max-width:100vw;
  }
  .invert .heading,.non-inv .heading  {
	width:104%;
	margin-left:-2%;
  }
  .invert .heading h2,.non-inv .heading h2  {
	padding-left:2% !important;
	padding-right:2% !important;
  }
  .invert .wrapper-section,
  .non-inv .wrapper-section,
  .invert .heading > h2,
  .invert .heading > h2,
  .non-inv .heading > h2 {
	width:auto !important;
  }
	#content.content-invert .wrapper:first-child  {
		margin-top:-20px
	}
	.invert .special  {
  	  background-image: none;
	}
}
#info{
	opacity:0.83;
	width:32px;
	height:20px;
	background-color:#F12B24;
	z-index:1;
	position: absolute;
	text-align: center;
	border-radius: 5px;
	color: #FFF;
	overflow: hidden;
	padding: 2px;
	margin-left: 10px;
	margin-top: -164px;
}
#info:hover{
	width:auto;
	max-width: 260px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	text-align: justify;
	background-color:#FFF;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
#textInfo{
	color: #000;
}
.teaserVideo{
	position:static;
	width: 300px;
	height: 169px;
	background-color:#EEE;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.teaserVideoBig{
	width: 100%;
	height: 100%;
	z-index:2;
	background-image: none;
	background-color: rgba(238, 238, 238, 0.6);
}
.videoHidden{
	display:none;
}
.videoVisible{
	display:block;
	width:640px;
	height:340px;
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	border-style: solid;
	border-width: 5px;
	border-radius: 5px;
	border-color: #CCC;
}
.popUpHidden{
	display:none;
	width: 300px;
	height: 169px;
}
.popUpVisible{
	display: block;
	background-color: rgba(238, 238, 238, 0.6);
}
.popUpHiddenAgain{
	display:none;
}
.greyOut {
    background: rgba(255, 255, 255, 0.85);
    filter: alpha(opacity=15);
     /*IE*/
    opacity: 0.15;
     /*Safari, Opera*/
    -moz-opacity: 0.15;
     /*FireFox*/
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 0px;
    left: 0px;
	overflow: hidden;
	pointer-events: none;
	cursor: default;
}
/*cbr play button margin video teaser*/
#buttonTeaserVideoMargin{
width:42px;
height:34px;
border-radius:4px;
border-style:none;
background-color:rgba(150,150,150,0.8);
color:rgba(255,255,255,0.8);
text-align:center;
padding-bottom:4px;
position:absolute;
margin-top:75px;
margin-left:135px;
}
#buttonTeaserVideoMargin:hover{
background-color:rgba(204,24,30,0.8);
}
/*cbr play button margin video teaser*/
/*cbr support-946*/
/*cbr support-946*/
/*cbr support-996*/
@media (max-width: 920px){
.teaserVideo{
height:150px;
}
#buttonTeaserVideoMargin{
display:none;
}
#videoBox{
display:block;
}
}
/*cbr support-996*/
/***********************************
 * Cookie Popup
 ***********************************/
#cookie-popup {
	display: none;
	background-color: #daddd9;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	// kann von mobiler Navigation überlagert werden
	z-index: 800;
}
#cookie-popup > div {
	margin: 15px 30px;
}
#cookie-popup .button {
	cursor: pointer;
	margin-bottom: 0;
}
@media screen and (min-width: 661px) {
	#cookie-popup > div {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#cookie-popup .button {
		margin-left: 15px;
	}
	#cookie-popup p:last-child {
		margin-bottom: 0;
	}
}
/***********************************
 * in-button loading animation
 ***********************************/
.button .loader {
	display: none;
    border: 2px solid transparent;
    border-top: 2px solid #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
	margin-left: 8px;
	margin-bottom: -4px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}