/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* mainTeaser */
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

.mainTeaserImage {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 500px;
	background-color: #f1f1f1;
	background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.mainTeaser {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;	
	background-color: #fdc400;

}

.mainTeaser article {
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
	padding-right: 24px;
}	

.mainTeaser article h2, .mainTeaser article h1 {
	color: #000000;
	width: 100%;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Teaser */
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

.teaserRightDark, .teaserLeftDark, .teaserRightLight, .teaserLeftLight {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	height: auto;
}

.teaserRightDark .teaserWrapperRight, .teaserRightLight .teaserWrapperRight {
	padding-right: 12px;
}

.teaserLeftDark .teaserWrapperLeft, .teaserLeftLight .teaserWrapperLeft {
	padding-left: 12px;
}

.teaserRightDark article, .teaserLeftDark article{
	padding: 24px;
	background-color: #525b5c;
}

.teaserRightLight article, .teaserLeftLight article {

	padding: 24px;
	background-color: #fff;
}

.teaserRightDark article h2, .teaserRightDark article h1, .teaserLeftDark article h2, .teaserLeftDark article h1, .teaserRightDark article p, .teaserLeftDark article p {
	color: #fff;
	width: 100%;
}

.teaserRightLight article h2, .teaserRightLight article h1, .teaserLeftLight article h2, .teaserLeftLight article h1, .teaserRightLight article p, .teaserLeftLight article p {
	color: #525b5c;
	width: 100%;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* content */
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

.content {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #bbbcbe;
}

.contentTop {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	border-left: 6px solid #bdd44a;
}

#noBorder {
	border-bottom: 0;
	border-top: 0;
}

.content .contentArtikel, .contentTop .contentArtikel {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
}

.contentTop .contentArtikel article {
	padding: 18px;
	padding-top: 0;
	padding-bottom: 0;
}

.content .contentArtikel article {
	padding: 24px;
	padding-top: 0;
	padding-bottom: 0;
}

.content .contentArtikel h1, .content .contentArtikel p, .contentTop .contentArtikel h1, .contentTop .contentArtikel p {
	float: left;
	color: #525b5c;
	width: 100%;
}

.content a, .contentTop a{
	color: #525b5c;
	text-decoration: none;
}

.content .media {
	float: left;
	margin: 0;
	padding: 0;
	width: 70%;
	height: auto;
}

.content .media .mediaWrapper {
	padding: 0;
	padding-right: 24px;
}

.content .splitView {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	height: auto;
}

.content .panorama {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.content .panorama .panoramaWrapper {
	padding: 0;
	padding-left: 24px;
	padding-right: 24px;
}

.content .splitView .splitViewWrapperLeft {
	padding: 0;
	padding-left: 24px;
	padding-right: 12px;
}

.content .splitView .splitViewWrapperRight {
	padding: 0;
	padding-left: 12px;
	padding-right: 24px;
}

.content .contentArtikelSide {
	float: left;
	margin: 0;
	padding: 0;
	width: 30%;
}

.content .contentArtikelSide article{
	padding: 0;
	padding-left: 24px;
	padding-right: 24px;
}


.content .contentArtikelSide h1, .content .contentArtikelSide p {
	float: left;
	color: #525b5c;
	width: 100%;
}

.content .contentArtikelSide a {
	text-decoration: none;
	color: #525b5c;
}


.content .media .mediaWrapper img, .content .splitView .splitViewWrapperLeft img, .content .splitView .splitViewWrapperRight img, .content .panorama .panoramaWrapper img  {
	width: 100%;
	height: auto;
}

	.js-video {
      height: 0;
      padding-top: 0;
      padding-bottom: 56.25%;
      margin-bottom: 0;
      position: relative;
    }
     
    .js-video.widescreen {
      padding-bottom: 56.25%;
    }
     
    .js-video.vimeo {
      padding-bottom: 56.25%;
      padding-top: 0;
    }

    .js-video embed, .js-video iframe, .js-video object, .js-video video {
      top: 0;
      left: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      position: absolute;
    }


/* Link */

.content .link {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

#document {
	background: url('../img/document.png') no-repeat;
	background-position: 0px 12px;
}

.svg #document {
	background: url('../img/document.svg') no-repeat;
	background-position: 0px 12px;
}

#externalLink{
	background: url('../img/external_link.png') no-repeat;
	background-position: 0px 12px;
}

.svg #externalLink {
	background: url('../img/external_link.svg') no-repeat;
	background-position: 0px 12px;
}

.content .link .linkWrapper {
	list-style: none;
	padding: 0;
	margin: 0;
}

.content .link .linkWrapper > li {
	position: relative;
	top: 0px;
	left: 0px;
    	
    padding-left: 36px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.content .link .linkWrapper a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #525b5c;
	text-decoration: none;
	width: 100%;
}

.content .link .linkWrapper a:hover {
	text-decoration: underline;
	cursor: pointer;
}

#link:hover {
	text-decoration: underline;
	cursor: pointer;
}


/* List */

.content .list {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}


/* Menu Styles Unternavigation */

.content .list > ul {
	list-style-image:url('../img/dot.png');
    list-style-position: outside;
}

.content .list > ul {
	padding: 0;
	margin: 0;

	padding-left: 12px;
}

.content .list .listWrapper  > li {
	margin: 0;
	padding: 0;
	width: 100%;
	padding-left: 6px;
	padding-bottom: 12px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #525b5c;
    line-height: 24px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Farben */
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

.farben {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.farben .farbenWrapper {
	padding: 0;
	padding-left: 24px;
	padding-right: 0;
}


.farben .farbenWrapper .kachel {
	float: left;
	margin: 0;
	padding: 0;
	width: 25%;
}

.farben .farbenWrapper .kachel .kachelWrapper {
	padding: 0;
	padding-right: 24px;
}

.farben .farbenWrapper .kachel .kachelWrapper .kachelFarbe {
	float: left;
	width: 100%;
	height: 88px;
	margin: 0;
	margin-bottom: 24px;
}

.farben .farbenWrapper .kachel .kachelWrapper .kachelFarbe p {
	padding-top: 12px;
	padding-left: 12px;
}

#fontColorWhite {
	color: #fff;
}

#fontColorBlack {
	color: black;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Partner & Team */
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

.partner {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.partner .partnerWrapper {
	padding: 0;
	padding-left: 24px;
	padding-right: 0;
}

.partner .partnerWrapper .imagePartnerDimensions {
	float: left;
	margin: 0;
	padding: 0;
	width: 25%;
}

.partner .partnerWrapper .imagePartnerDimensions .imagePartnerWrapper {
	padding: 0;
	padding-right: 24px;
}

.partner .partnerWrapper .imagePartnerDimensions .imagePartnerWrapper .imagePartnerSize {
	float: left;
	width: 100%;
	height: 45px;
	margin: 0;
	padding: 0;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 24px; 

	background-repeat: no-repeat;
	background-position: center;

	border-bottom: 1px solid #bbbcbe;
	border-top: 1px solid #bbbcbe;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Akkordeon */
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

.download {
	float: left;
	margin: 0;
	padding: 0;
	width: 99.6%;
}

.downloadWrapper {
	padding: 0;
	padding-left: 24px;
	padding-right: 0;
}


/* Akkordeon */
/* Menu Styles */

.akkordeon01, .akkordeon02, .akkordeon03 {
	float: left;
    border: 1px solid #bbbcbe;
    width: 100%;
    height: auto;
    cursor: pointer;
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: url('../img/plus.png') no-repeat;
	background-color: #fff;
	background-position: 24px 12px;
}

.svg .akkordeon01, .akkordeon02, .akkordeon03 {
	background: url('../img/plus.svg') no-repeat;
	background-position: 24px 12px;
}

.akkordeon02, .akkordeon03 {
    border-top: 0px solid #bbbcbe;
}

.akkordeon01 .akkordeonWrapper01, .akkordeon02 .akkordeonWrapper02, .akkordeon03 .akkordeonWrapper03 {
	list-style: none;
	padding: 0;
	margin: 0;
}

.akkordeon01 .akkordeonWrapper01 > li, .akkordeon02 .akkordeonWrapper02 > li, .akkordeon03 .akkordeonWrapper03 > li {
	position: relative;
	top: 0px;
	left: 0px;  	
    padding-left: 60px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

.tooglePlus01, .tooglePlus02, .tooglePlus03 {
	background: url('../img/plus.png') no-repeat;
    background-position: 24px 12px;
}

.svg .tooglePlus01, .svg .tooglePlus02, .svg .tooglePlus03 {
	background: url('../img/plus.svg') no-repeat;
    background-position: 24px 12px;
}

.toogleMinus {
  	background: url('../img/minus.png') no-repeat;
  	background-color: #fff;
  	background-position: 24px 12px;
}

.svg .toogleMinus {
  	background: url('../img/minus.svg') no-repeat;
  	background-color: #fff;
  	background-position: 24px 12px;
}


/* Link Styles Akkordeon */

.akkordeon01 .akkordeonWrapper01 a, .akkordeon02 .akkordeonWrapper02 a, .akkordeon03 .akkordeonWrapper03 a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #525b5c;
	text-decoration: none;
	width: 100%;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

.akkordeonContent01, .akkordeonContent02, .akkordeonContent03 {
	float: left;
	background-color: #fff;
	border: 1px solid #bbbcbe;
	border-top: 0px solid #bbbcbe;
	width: 100%;
	height: auto;
	display: none;
}


/* Download List */
/* Menu Styles List */

.akkordeonContent01 .downloadList01, .akkordeonContent02 .downloadList02, .akkordeonContent03 .downloadList03 {
	list-style: none;
	padding: 0;
	margin: 0;
}

.akkordeonContent01 .downloadList01 > li, .akkordeonContent02 .downloadList02 > li, .akkordeonContent03 .downloadList03 > li {
	position: relative;
	top: 0px;
	left: 0px;
    	
    padding-left: 60px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;

    background: url('../img/document.png') no-repeat;
    background-position: 24px 12px;
}

.svg .akkordeonContent01 .downloadList01 > li, .svg .akkordeonContent02 .downloadList02 > li, .svg .akkordeonContent03 .downloadList03 > li {
    background: url('../img/document.svg') no-repeat;
    background-position: 24px 12px;
}


/* Link Styles List */

.akkordeonContent01 .downloadList01 a, .akkordeonContent02 .downloadList02 a, .akkordeonContent03 .downloadList03 a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #525b5c;
	text-decoration: none;
	width: 100%;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media */
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width : 768px) {


	/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
	/* Teaser */
	/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

	.teaserRightDark, .teaserLeftDark, .teaserRightLight, .teaserLeftLight {
		width: 100%;
	}		

	.teaserRightDark .teaserWrapperRight, .teaserRightLight .teaserWrapperRight {
		padding-right: 0;
	}

	.teaserLeftDark .teaserWrapperLeft, .teaserLeftLight .teaserWrapperLeft {
		padding-left: 0;
	}	

	.teaserRightDark article h2, .teaserRightDark article h1, .teaserLeftDark article h2, .teaserLeftDark article h1, .teaserRightDark article p, .teaserLeftDark article p {
		width: 80%;
	}

	.teaserRightLight article h2, .teaserRightLight article h1, .teaserLeftLight article h2, .teaserLeftLight article h1, .teaserRightLight article p, .teaserLeftLight article p {		width: 80%;
		width: 80%;	
	}	


	/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
	/* content */
	/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

	.content .media {
		width: 100%;
	}

	.content .media .mediaWrapper {
		padding: 24px;
		padding-top: 0;
		padding-bottom: 0px;
	}

	.content .contentArtikel {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.content .contentArtikelSide {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.content .contentArtikelSide article {
		padding: 0;
		padding-left: 24px;
		padding-right: 24px;
	}

	.content .splitView {
		width: 100%;
	}

	.content .splitView .splitViewWrapperLeft {
		padding-left: 24px;
		padding-right: 24px;
	}

	.content .splitView .splitViewWrapperRight {
		padding-left: 24px;
		padding-right: 24px;
	}	


	/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

	.content .mediaMobile {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
		display: block;
	}

	.content .mediaMobile .mediaWrapper {
		padding: 24px;
		padding-top: 0;
		padding-bottom: 0;
	}

	.content .media .mediaWrapper .flexslider  { 
		display: none; 
	}


	/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
	/* Partner */
	/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

	.partner .partnerWrapper .imagePartnerDimensions, .team .teamWrapper .imageTeamDimensions, .farben .farbenWrapper .kachel {
		width: 50%;
	}

	.team .teamWrapper .imageTeamDimensions .imageTeamWrapper .teamCaption p {
		padding-left: 0;
	}


	/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
	/* Akkordeon */
	/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

	.download {
		width: 100%;
	}

	.downloadWrapper {
		padding-right: 24px;
	}

}

@media only screen and (min-width : 150px) and (max-width : 420px) {

	.teaserRightDark article h2, .teaserRightDark article h1, .teaserLeftDark article h2, .teaserLeftDark article h1, .teaserRightDark article p, .teaserLeftDark article p {
		width: 100%;
	}

	.teaserRightLight article h2, .teaserRightLight article h1, .teaserLeftLight article h2, .teaserLeftLight article h1, .teaserRightLight article p, .teaserLeftLight article p {		width: 80%;
		width: 100%;	
	}	


	/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
	/* Partner */
	/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

	.partner .partnerWrapper .imagePartnerDimensions, .farben .farbenWrapper .kachel {
		width: 100%;
	}

}


@media only screen and (min-width : 769px) {

	.content .mediaMobile {
		display: none;
	}

	.content .media .mediaWrapper .flexslider  { 
		display: block; 
	}

}

@media print {

	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}