p span.teaserTopArtikel {font-family: 'Share'; color: #000;}
/*Top News*/
.headerImage img {width: 650px;}
em {color:#000; font-size: 14px;}
.datum {font-style: italic; color: grey;}
.flexbox, .flexbox2 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flexbox div {margin-right: 20px;}
.flexbox .box-01 {width: 50%}
.flexbox .box-02 {width: 50%; vertical-align: middle;}
div.b2inner {padding-right: 20%;}
.flexbox p {margin-bottom: 8px}
.list-inline li em {color: #000!important; font-weight: bold; font-size: 16px;}
span.datum {color: #000!important; font-weight: bold;}

.projectHeaderContent, .projectHeaderContent2 {
	padding: 32px;
}
.projectCont {
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: cover; 
	height: auto;
	width: 100%; 
}



.projectCont h5, .projectHeaderContent2 h5 { 
	font-family: "proxima-nova-extra-condensed";
	font-size: 36px; 
	padding: 0 40px 0 0;
	letter-spacing: 0.05em;
}

.projectHeaderContent2 .projTeaser {
    
    padding-left: 5px;
    margin:0
}

.projectContContentRight {
	margin-left: auto; 
	margin-right: 0;
}

.projectContContent {
	width: 36%; 
	height: 400px;
}

.projectContContent div{
	font-size: 16px; 
	padding: 60px 40px 0 40px;
	
 }
 @media screen and (min-width: 980px) and (max-width: 1200px) {
 	.projectContContent {
 		width: 50%; 
 		height: 400px;
 	}
	
	.projectHeaderContent, .projectHeaderContent2 {
		padding: 10px; 
	}
 }
 			
@media (max-width: 979px) {

	.projectHeaderContent2 {
    padding: 5px;
  }
	.projectHeaderContent2 h5 { 
		font-size: 13px; 
		padding: 2px 2px 0 2px;
    margin:0;
   
	}

  .projectHeaderContent2 .projTeaser {
    font-size: 12px;
    padding-left: 3px;
    margin:0

  }

  .projectHeaderContent2 .projTeaser p{
    margin:3px 0 0 0 ;
  }
	
	
	
	.section-75 { padding: 10px 0 10px 0;}
	.box-02 {border-bottom: 1px solid #f2f2f2;}
	.list-inline {padding-bottom: 10px;}
.flexbox {
display: block;
}


				
.flexbox div {padding-right: 0; width: 100%}
.flexbox div {margin-right: 0;}
.flexbox .box-01 {width: 90%; }
.flexbox .box-02 {width: 90%;}
div.b2inner {padding-right:0}
}

.contentUL {
	margin: 0 0 0 20px;
}

.container {
    display: flex;
    width: 100%;
        margin: 0;
    padding: 0;
}

.left-column {
    width: 65%;
    margin: 0;
    padding: 0;
}


.left-column img { width:200%}
.right-column {
    width: 35%;
    
    margin: 0;
    padding: 0;
}

/* Mobile Ansicht: 50% - 50% */
@media (max-width: 768px) {
    .container {
        flex-wrap: wrap;
    }
    .left-column {
        width: 60%;
    }

    .right-column {
        width: 40%;
    }
}