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

.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;
}

.news .news-img-wrap img {
border-radius: var(--border-radius-12);
}

.news .article {
border-bottom: 1px solid var(--lightgrey);
margin-top: 50px;
}

.news .article:first-child {
margin-top: 0;
}

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

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

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

.news .news-list-view .article .news-img-wrap /*.ratio-container*/ {
margin-bottom: 50px;
}

.news .article .news-img-wrap img {
float: none;
/*height: auto;
width: auto;*/
/*margin-bottom: 20px;*/
}

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

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

.news .footer {
display: none;
clear: both;
padding: 10px 0 0 0;
border-top: 1px solid #eee;
margin-top: 15px;
color: #888;
}

.news .footer p {
line-height: 1em;
}

.news .footer span {
display: inline-block;
padding-right: 8px;
margin-right: 8px;
border-right: 1px solid #ddd;
}

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

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

.news .no-news-found {
color: var(--darkgrey);
/*font-style: italic;*/
}

/* page navigation */

.news .page-navigation {
text-align: center;
margin-top: 20px;
}

.news ul.f3-widget-paginator {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
white-space: nowrap;
overflow: hidden;
padding: 0;
margin: 0;
}

.news ul.f3-widget-paginator li {
/*flex-grow: 1;*/
flex-basis: 0;
border-radius: var(--border-radius-5);
transition: all .2s;
border: 1px solid var(--lightgrey);
}

.news ul.f3-widget-paginator li:last-child {
margin-right: 0px;
}

.news ul.f3-widget-paginator li.current {
background-color: var(--darkblue);
border: 1px solid var(--darkblue);
color: var(--white);
}

.news ul.f3-widget-paginator li:hover:not(.current) {
background-color: var(--lightgrey);
}

.news ul.f3-widget-paginator li a {
display: block;
color: var(--font-color);
text-decoration: none;
}

.news ul.f3-widget-paginator li span {
display: block;	
padding: 12px 14px;
line-height: 1em;
}

.news ul.f3-widget-paginator li.dots {
background-color: transparent;
border: 1px solid transparent;
}

.news ul.f3-widget-paginator li.dots:hover {
background-color: transparent;
}

/* 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;
}

/* single view */

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

.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 {
border-bottom: 0px;
}

.news-single .article .news-img-wrap {
/*	width: 100%;
margin: 0px 0px 0px 0px;*/
float: none;
}

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

.mediaelement-image {
margin-top: 30px;
}

/* Erstes Bild im Text */
@media (min-width: 768px) {
.mediaelement-intext {
float: right;
}
}

.mediaelement-intext .mediaelement-image {
margin-top: 0px;
margin-left: 0px;
margin-bottom: 20px !important;
}

@media (min-width: 768px) {
.mediaelement-intext .mediaelement-image {
margin-top: 0px;
margin-left: 20px;
}
}

.mediaelement-intext .mediaelement-image img {
border-radius: var(--border-radius-12);
}

.news-backlink-wrap {
clear: both;
}

/* Erstes Bild im Text ENDE */

.news-single H1 {
margin-bottom: var(--space-xs);
}

/*
.news-single .news-list-date {
margin-top: var(--space-sm);
}
*/

.news-single .teaser-text {
color: var(--darkblue);
font-weight: bold;
}

.news-single .article .teaser-text {
margin-bottom: 20px;
}

.news-text-wrap {
margin-bottom: 20px;
}

.news-img-caption {
color: var(--darkgrey);
}

@media (min-width: 768px) {
.news-img-caption {
font-size: 0.8em;
}
}

/* related news + files */
.news-related-wrap {
margin-top: 25px;
border-top: 1px solid var(--darkgrey);
width: 100%;
}

.news-related {
width: 100%;
margin-top: 20px;
padding: 0px 0px 0px 0px;
border: 0px solid var(--darkgrey);
}

.news-related ul {
margin-top: var(--space-xs) !important;
}

.news-related ul li {
}

.news-related ul li span {
border-right: 0px solid #DDDDDD;
display: inline-block;
margin-right: 0px;
/*padding-right: 5px;*/
color: var(--darkgrey);
}

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

.news-related h3 {
margin-bottom: 0px;
font-weight: bold;
}

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

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

.news-related-news-date,
.news-related-files-size {
display: inline-block;
padding-left: .5rem;
}

/*
.news-related-news-date:before,
.news-related-files-size:before {
display: inline-block;
padding-right: .5rem;
padding-left: .5rem;
font-weight: normal;
content: "|";
}
*/

.news-clear {
clear: both;
}

.news-list-date {
font-weight: normal;
/*margin-bottom: 10px;*/
color: var(--darkgrey);
}

.news-related.news-related-links span {
display: block;
padding-left: 1em;
}

.news a.more, .news-backlink-wrap a {
display: inline-block;
/*background-color: var(--darkgrey);
color: #fff;
font-weight: bold;
padding: 8px;*/
margin-top: 20px;
transition: all .2s;
}

.news a.more:hover, .news-backlink-wrap a:hover,
.news a.more:focus, .news-backlink-wrap a:focus {
/*margin-left: 3px;*/
text-decoration: none;
}

@media (max-width: 768px) {

.news a.more, .news-backlink-wrap a {
width: 100%;
}

}

.news-backlink-wrap a {
margin-top: 0px;
}

.news a:hover.more, .news a:focus.more, .news-backlink-wrap a:hover, .news-backlink-wrap a:focus {
/*background-color: #e4022e;
color: #fff;
text-decoration: none;*/
transition: all .2s;
}

/*
.news a.more:before, .news-backlink-wrap a:before {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0,0);

content: "\f061";
margin-left: -1em;
padding-right: 0.2em;
}

.news-backlink-wrap a:before {
content: "\f060";
}
*/

/* Slider */

.banner-news-slider .slick-list {
position: relative;
}

.banner-news-slider .slick-list:before,
.banner-news-slider .slick-list:after {
position: absolute;
z-index: 5;
width: 15px;
top: 0;
left: 0;
bottom: 0;
content: '';
background-color: var(--white);
}

.banner-news-slider .slick-list:after {
left: inherit;
right: 0;
}

.news .article.slide {
border-bottom: none;
margin-top: 0px;
margin: 0px 15px;
}

.news .article.slide .news-list-date {
color: var(--darkblue);
}

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

.banner-news-slider .slick-dots {
bottom: 0px;
}

/* Slider ENDE */

/* Cols */

.news-list-view.cols {
margin-bottom: calc(0 - var(--space-sm));
}

.news .article.cols {
border-bottom: none;
margin-top: 0px;
padding: 0px;
margin-bottom: var(--space-sm);
}
.news .article.cols .news-list-date {
color: var(--darkblue);
}

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

/* Cols ENDE */

.news-backlink-wrap.top a {
margin-top: 0px;
margin-bottom: 20px;
}