.list_filter{
padding:0 10px 0 0; 
}



/**************************************/
/* Default styles for news extension */
/**************************************/
.news .clear {clear: both;}

/*Liste der Projekte: Abstand oben/unten vergößern*/
.projekte {padding:10px 0;}

@media (min-width:300px) {
.referenzen {float:left; max-width:100%; /*min-height:330px;*/ margin-bottom:2%; margin-right:2%; padding-bottom:5%; border:1px solid blue!important}
.referenzen .news-img-wrap {width:100%;}
.referenzen .news-img-wrap img {width:100%; height:100%;}
.refer h3 {width:90%; margin-left:3%; font-size:100%; font-weight:bold;}
.referenzen .footer {margin-left:2%;}
}

@media (min-width:480px) {
.referenzen {float:left; max-width:100%; /*min-height:330px;*/ margin-bottom:2%; margin-right:2%; padding-bottom:5%; border:1px solid red!important}
.referenzen .news-img-wrap {width:100%;}
.referenzen .news-img-wrap img {width:100%; height:100%;}
.refer h3 {width:90%; margin-left:3%; font-size:100%; font-weight:bold;}
.referenzen .footer {margin-left:2%;}
}

@media (min-width:576px) {
.referenzen {float:left; max-width:100%; /*min-height:330px;*/ margin-bottom:2%; margin-right:2%; padding-bottom:5%; border:1px solid orange!important}
.referenzen .news-img-wrap {width:100%;}
.referenzen .news-img-wrap img {width:100%; height:100%;}
.refer h3 {width:90%; margin-left:3%; font-size:100%; font-weight:bold;}
.referenzen .footer {margin-left:2%;}
}

@media (min-width:768px) {
.referenzen {float:left; max-width:100%;; /*min-height:350px;*/ margin-bottom:2%; margin-right:2%; padding-bottom:5%; border:1px solid yellow!important}
.referenzen .news-img-wrap {width:100%;}
.referenzen .news-img-wrap img {width:100%; height:100%;}
.refer h3 {width:90%; margin-left:3%; font-size:100%; font-weight:bold;}
.referenzen .footer {margin-left:2%;}
}

@media (min-width:992px) {
.referenzen {float:left; max-width:30%; /*min-height:400px;*/ margin-bottom:2%; margin-right:2%; padding-bottom:5%; border:1px solid green!important}
.referenzen .news-img-wrap {width:100%; }
.referenzen .news-img-wrap img {width:100%; height:100%;}
.refer h3 {width:90%; margin-left:3%; font-size:100%; font-weight:bold;}
.referenzen .footer {margin-left:2%;}
}

@media (min-width:1100px) {
.referenzen {float:left; max-width:30%; /*min-height:400px;*/ margin-bottom:2%; margin-right:2%; padding-bottom:5%; border:1px solid silver!important}
.referenzen .news-img-wrap {width:100%; }
.referenzen .news-img-wrap img {width:100%; height:100%;}
.refer h3 {width:90%; margin-left:3%; font-size:100%; font-weight:bold;}
.referenzen .footer {margin-left:2%;}
}

/*Karusell so breit wie News-Artikel, ohne Rand*/ 
.news-single .article .carousel {max-width:100%;}

.news .nav ul {
	float: left;
	display: inline;
	margin: 0;
}

.news .nav li {
	float: left;
}

.news .nav a {
	float: left;
	display: block;
}

.news .nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*Abstand zwischen den Newsbeiträgen*/
.news .article {
	padding-bottom:0px;
	margin-bottom: 15px!important;
    background:#fff;
  
}


.news .article:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}
.news .article:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article .news-img-wrap {
	float: left;
	margin: 3px 12px 5px 0;
	background: #fff;
  width: calc(100% / 3);
  
}

.news .article .news-img-wrap a {
	display: block;
	float: left;
	padding: 0px;
	border: none;
	background: #fff;
}

/*Breite des Bildes*/
.news .article .news-img-wrap img {
	float: left;
	height: auto;
}

/*Bildgrößen gem. BS*/
@media (min-width:300px) {
.news .article {width:100%!important;}
.news .article .news-img-wrap img {width:280px!important;}
}

@media (min-width:480px) {
.news .article {width:100%!important;}
.news .article .news-img-wrap img {width:455px!important;}
}

@media (min-width:576px) {
.news .article {width:100%!important;}
.news .article .news-img-wrap img {width:535px!important;}
}

@media (min-width:768px) {
.news .article {width:100%!important; }
.news .article .news-img-wrap img {width:210px!important;}
}

@media (min-width:992px) {
.news .article {width:100%!important; }
.news .article .news-img-wrap img {width:285px!important;}
}

@media (min-width:1100px) {
.news .article {width:100%!important; }
.news .article .news-img-wrap img {width:300px!important;}
}




.news .article .teaser-text {
	margin: 0 0 10px 0;
}

/*BCE: neu*/
.news .article h3 span, .news .article h3 span a {
  font-size:1rem!important; 
  color: #005ca9!important;
  font-weight:600 !important;
  padding:0!important;
  margin:0!important;
}

/*BCE: neu: Listen, unbebildert (Standorte, Leistungen)*/
.news .article h3 span.black, .news .article h3 span.black a {
  font-size:1rem!important; 
  color: #000!important;
  font-weight:normal!important;
  padding:0!important;
  margin:0!important;
}

/*Standorte auf Karriere-Detail-Seite*/
/*span.black::after {content: ", ";}*/
/*span.black:last-child::after {content: " ";}*/

/*Standorte auf Karriere-Liste*/
/*span.news-list-tags:first-child::after {content: ", ";}*/
/*span.news-list-tags:last-child::after {content: " ";}*/



.news .article h3:hover span, .news .article h3 span a:hover {
 color:#e14e12!important; 
}

h3.karriere, h3.projekte {  
  clear:both;
  padding:0 0 0.3em 4px !important;
  margin:0!important;
}



/* single view */
.news-single .footer {
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 10px 0 0 0;
	border-bottom: 0;
	border-top: 1px solid #eee;
}

.news-single .article .news-img-wrap {
	float: right;
	width: 282px;
	margin: 0 0 0 25px;
}

.news-single .article .news-img-wrap img {
	float: none;
}

.news-single .teaser-text {
	font-size: 15px;
	color: #888;
}

.news-text-wrap {
margin:50px 0 50px 0;
}

.news-backlink-wrap a:before {
  content: "›  ";
}
	

.news-img-caption {
	color: #888;
}


.news .footer {
clear: both;
padding: 0;
/*border-right: 1px solid #ddd;*/
border-top:none;
margin-top: 5px;
color: #005ca9!important;
}

/*BCE*/
.news .footer p {
 line-height:1em;
 color:#005ca9!important;
 font-style:normal;
 font-size:85%;
 margin-bottom: 10px;
}

/*BCE*/
.news .footer span {
	padding-right: 2px;
	margin-right: 0px;
	border:none;
}

.news .footer span .add {display:none;}

.news .footer span:last-child {border-right: 0;}

.news-list-date, .news-list-tags, .news-list-category {color:#005ca9!important;} 

/*Datum überall unsichtbar geschaltet: Bilderliste Karriere und Projekte*/
.news-list-date, .news-list-category_projekte, .add {display:none!important;}


/*Keine Nachrichten gefunden*/
.news .no-news-found {
color: #005ca9;
font-style:normal;
font-size:80%;
}




.news .footer .news-category a {
text-transform: uppercase;
}


.news .page-navigation p {
	float: left;
}

.news .page-navigation ul {
	float: right;
}

.news .page-navigation ul li {
	float: left;
	display: block;
	padding: 0 2px;
	background: none;
}

.news .page-navigation ul li a {
	display: block;
}

/* category menu view */
.news-category-view ul li {
	padding: 5px 8px;
}

.news-category-view ul li li {
	padding: 2px 8px 2px 12px;
}

.news-category-view > ul > li:nth-child(even) {
	background: #f9f9f9;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.news-category-view .category-desc {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #ddd;
}



/* related news + files */
.news-related-wrap {
	display: table;
	margin-top: 20px;
	width: 100%;
}

.news-related {
	width: 50%;
	padding: 15px;
	border: 1px solid #eee;
	display: table-cell;
}

.news-related ul li {
	line-height: 1em;
	margin-bottom: 12px;
}

.news-related ul li span {
	border-right: 1px solid #DDDDDD;
	display: inline-block;
	margin-right: 8px;
	padding-right: 8px;
	color: #888;
}

.news-related ul li span:last-child {
	border-right: 0;
	padding-right: 0;
}

.news-related h4 {
	margin-bottom: 10px;
}

.news-related-files ul li {
	margin-bottom: 20px;
}

.news-related-files .news-related-files-link .jpg {
	background-position: 0 0;
}

.news-clear {
	clear: both;
}

.news_flex {
   float:left;
   min-height: 80px;
    width:50%;
}

.news_flex_article {
  min-width:200px;
  font-size:0.8rem;
  min-height:100px;
  margin-right:3%;
  /*border-bottom:1px solid silver;*/
}

.cat_blue {
  color:#005ca9!important;
}

/*Neue Klasse für Listenansicht: Bild, Titel, Kat.*/
.header_cat {
  margin:0;
  padding:0;
  float:left; 
  max-width: 50%;
}

.image {
/*float: left;*/
margin: 0;
padding:0;
background: #fff;
max-width: 100%;
}


label {
display:inline-block;
margin-top:1rem!important;
margin-bottom:0!important;
}


.form-control {
 display:block;
 width:100%;
 height:calc(1.5em + 0.75rem + 2px);
 padding:0.375rem 0.75rem;
 font-size:1rem;
 font-weight:400;
 line-height:1.5;
 color:#000!important;
 background-color:#fff;
 background-clip:padding-box;
 border:1px solid #000!important;
 border-radius:0;
 transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
 .form-control {
  transition:none;
 }
}
.form-control::-ms-expand {
 background-color:transparent;
 border:0;
}
.form-control:focus {
 color:black
 background-color:#fff!important;
 border-color:#000!important;
 outline:0;
 box-shadow:0 0 0 0.2rem rgba(255,255,255,0.25)!important;
}
.form-control::placeholder {
 color:#000!important;
 opacity:1;
}
.form-control:disabled,
.form-control[readonly] {
 background-color:#fff;
 opacity:1;
}
select.form-control:focus::-ms-value {
 color:#000;
 background-color:#fff;
}

/*Bilderliste*/
.flex-box {
	display:flex; 
	justify-content: space-around;
}
.flex-box > div {
	display: flex;
	flex-direction: column;
	align-items:center;
}


/*Kategorien-Filter conlabz*/
.news .list_filter ul {
    position: relative;
   /* float: left;*/
    /*left: 50%;*/
    margin: 0 auto;
    padding: 0;
}

.news .list_filter li {
    position: relative;
    float: left;
    /*right: 50%;*/
    margin: 0;
    padding: 0 4px 0 2px;
    background: #fff;
    list-style: none;
}

.news .list_filter li:after {content: "|"; }
.news .list_filter li:first-child:after {content: ""; }
.news .list_filter li:last-child:after {content: ""; }

#time {border:10px solid red;}

.label-info {color:#005ca9;}

/*Interview-Listenbilder: Standorte eingerückt, Header ohne bottom-padding*/
.news-list-tags-interview {padding:0 0 0 3px!important;}
.projekte-interview {padding:3px 0 0 3px;}