/***********************/
/* NEWS Formatierungen */
/*gruen {background: #0d6c34;}
/*blau {background: #174195;}
/***********************/



.btn, .more  {    background: #f06f16; border-radius: 4px;}
 .more:hover {    background-color: #666666 !important; color:#fff !important;}
 .more a:hover, .leader .more a:hover {color:#fff !important;}
.btn, .btn a,.more  {color: #fff !important;}

.t3s-slickslider .card-body a {text-decoration: none !important;}
.t3s-slickslider .card-titel {text-decoration: none !important;}
.t3s-slickslider .card-body {text-decoration: none !important;}
.t3s-slickslider .card-body p {text-decoration: none !important; color:#000;}
.news .article h3 a {text-decoration: none;}

.news ul {display:flex; list-style: none;   flex-wrap: wrap; margin-bottom: 0; padding-left: 0;}
.news ul  li:hover {background:#f06f16; }
.news ul  li a { }
.news ul  li:hover a {color:#fff !important;}

.news ul li {
  cursor: pointer;
  font-size: .875em;
  border: 2px solid #f47200;
  display: inline-block;
  padding: .6em 1.8em;
    padding-left: 1.8em;
  color: #414141;
  text-transform: uppercase;
  background-color: transparent;
	margin-right: 15px;
}


.f3-widget-paginator {width: 100%;}
.f3-widget-paginator li {float: left;}
.news-single .teaser-text {
  font-size: 1.5rem !important;
  color: #454545 !important;
  padding-bottom: 2%;

}

.btn a:hover,
.more a:hover {color:#fff !important;}
.btn a:hover, .more a:hover {    background-color: #262626 !important; }

.btn,
.more  {
    padding: 2% 3%;
    text-decoration: none;
	font-size: 1rem;
margin-top: 2%;
display: inline-block;
}

.news-backlink-wrap a {
  background-color: #216096;
  color: #fff !important;
  padding: 6px 14px;
	text-decoration: none;
  border-radius: 4px;
}

.news-backlink-wrap a:hover  {background-color: #666666 !important; }

.news-single .article .news-img-wrap {
  float: left !important;
  width: 100% !important;
	margin:0 !important;}



.news .article .news-img-wrap img {
  float: left;
  height: auto;
  width: 100%;
  max-width: 100%;
}


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

.news-single .news-img-wrap .outer {
  width: 32%;
  float: left;
}

.news-img-wrap .gallery {
max-height: 250px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}



.news-single .article {
    flex-direction: column;
}

.news-single .header {  order: 1;}
.news-single .news-img-wrap  {  order: 3;}
.news-single .news-text-wrap  {  order: 2;}
.news-single .news-backlink-wrap  {  order: 4;}

.news .news-list-view {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 0 -10px;
  align-items: inherit;
}

.news-list-view .article {
  width: calc(25% - 10px);
  margin-left: 10px;
  margin-top: 10px;
	background: #f5f5f5;
padding: 2%;

}

.news .article {margin-bottom: 0;}

a.more:hover {background: #4f5564;}

.news-single h1 { 

  padding: 0 0 10px;

}

.news-list-date,
.news .footer {display: none;}
.news crop { 	
	display: block; /* in seltenen Faellen in Kombination mit "(max-)width" auch "inline-block" */
	overflow: hidden;
	-moz-text-overflow: ellipsis;
			 text-overflow: ellipsis;
	white-space: nowrap;} 


.teaser-text a {font-weight: bold; color: #fff !important;}





.news .article .news-img-wrap {margin: 0;}
.news .article .news-img-wrap img {
    float: left;
    height: auto;
    width: 100%;
    display: block;
}


.news-single .news-img-wrap .outer {
    margin: 4px;
}
.news-single .news-img-wrap .outer {
    width: 32%;
    float: left;
}

.news-single .article .news-img-wrap {width: 100%;}
.news .article h3 {
    margin-bottom: 4% !important;
    min-height: 50px;
	font-weight: bold;
}


.news .article .news-img-wrap {background: none;}

.news-img-wrap .gallery, .frame-custom-21 .image {
max-height: 250px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
	
	.news .article .news-img-wrap a {
	border: none;
	background: none;
	padding: 0;
}

.news .article .news-img-wrap {
  margin: 0 !important;
  overflow: hidden;
	float: none !important;
}

.news .article .news-img-wrap {background: none !important;}
.news-img-wrap a {padding: 0 !important; border: 0 !important; margin-bottom: 10px;}


.newsheadheight h3 a {color: #bf0f10 !important; text-decoration: none;
font-weight: bold;
}

.news-list-date,
.news .footer {display: none;}
.news crop { 	
	display: block; /* in seltenen Faellen in Kombination mit "(max-)width" auch "inline-block" */
	overflow: hidden;
	-moz-text-overflow: ellipsis;
			 text-overflow: ellipsis;
	white-space: nowrap;} 

.more {
	font-size: 1rem;
}

