.news-list-view {
	width:100%;
	padding:0 5px 80px 5px;
	margin:0 20px;
	column-count: 3;
  	column-gap: 50px;
	}

.article a .news-img-wrap  img{
	transition: transform .2s; 
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	}
.article a:hover .news-img-wrap img{
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	transform: scale(1.1);
	}


@media print, screen and (min-width: 40em) {
  .article .grid-container {
    padding-right: 0;
    padding-left: 0;
  }
}


/***** Barrierefrei ***/
.article .news-img-wrap a span{
	display:none;
	}




.news .article  {
	display:inline-block;
	}
.frame .article img {
	padding-right:0;
	padding-left:0;
	}
.news .article .news-img-wrap {
  	margin: 0 0 10px 0 !important;
  	padding: 0 !important;
	background:none!important;
	overflow:hidden;
	width:auto!important;
	float:none!important;
	}
.news .article .news-img-wrap img {
  	width:100vw !important;
	}
.news .article .news-img-wrap a {
  	padding: 0 !important;
	margin: 0 !important;
  	border: 0 !important;
  	background: none !important;
	}

.news .article .news-img-wrap a img{
	transition: transform .2s; 
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom:0;
	}
.news .article .news-img-wrap a:hover img{
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	transform: scale(1.1);
	}
/*.news .article h3 {
	hyphens:auto;
	}*/
.news .article h3 + ul{
	margin-top: 5px;
  	margin-left: 35px;
	}
.news .article ul li{
font-size: var(--text-s);
  line-height: 160%;
	}
.news .article .teaser-text p {
	margin:0 0 0 0;
	padding:5px var(--abstand-s) 0 var(--abstand-s);
	font-weight:400;
	}

.teaser-text p a {
	display:inline-block;
	background:var(--maincolor-gelb);
	color: var(--maincolor-blau);
   	margin:15px 20px 20px 0;
	padding:8px 20px;
	font-size:var(--text-xs);
	font-weight:600;
	transition: all .4s ease-out;
    }
.teaser-text p a:hover {
	background:#fff;
	color: var(--maincolor-blau);
  	text-decoration: none;
  	font-weight: 600;
  	cursor: pointer;
	transition: all .4s ease-out;
    }

/***** barrierefrei ***/
.teaser-text p a span {
	display:none;
	}


.news-single p {
	margin:0 var(--abstand-s) 30px var(--abstand-s);
	}
.news-single p.lead {
	margin:5px var(--abstand-s) 30px var(--abstand-s);
	font-size: var(--text-m);
	font-weight: 600;
	}

.news-single ul.pager {
	width: 100%;
	display: flex;
    justify-content: space-between;
	}
.news-single ul.pager a {
	color:inherit;
	color: var(--maincolor-blau);
	}
.news-single ul.pager a:hover {
	color: var(--maincolor-gelb);
	}
.news-single ul.pager li.next {
	transition: all ease .5s;
	padding:0;
	margin-right:0;
	}
.news-single ul.pager li.next:hover {
	transition: all ease .5s;
	padding:0;
	margin-right:-7px;
	}
.news-single ul.pager li.previous {
	transition: all ease .5s;
	padding:0;
	margin-left:0;
	}
.news-single ul.pager li.previous:hover {
	transition: all ease .5s;
	padding:0;
	margin-left:-7px;
	}
.news-single ul:not(.pager) {
	margin-top:-25px;
	margin-left:35px;
	}
.news-single ul:not(.pager) ul{
	margin-top:0;
	}
.news-single .mediaelement {
	padding:0 20px 20px 20px;
	}
.rahmen-layout-3 .news-single .grid-x div {
  	align-self: flex-start;
	}



.news-tags {
	list-style-type:none;
	display:flex;
  	flex-wrap: wrap;
	width:100%;
	margin:0 var(--abstand-s) var(--abstand-s) var(--abstand-s);
	gap:10px;
	}
.news-tags li a, .backbutton {
	display:inline-block;
	background: var(--maincolor-gelb);
	color: var(--maincolor-blau);
  	font-weight: 600;
  	font-size: var(--text-xs);
	color: var(--maincolor-blau)!important;
  	margin: auto;
  	padding: 10px 15px;
  	text-decoration: none;
  	line-height: 150%;
	transition: all .4s ease-out;
	}
.news-tags li a:hover, .news-tags li a.active ,.backbutton:hover {
  	background: #fff;
	color: var(--maincolor-blau);
  	text-decoration: none;
  	font-weight: 600;
  	cursor: pointer;
	transition: all .4s ease-out;
	}
.backbutton {
	margin:30px 0 150px 20px;
	}
.no-news-found {
	display:block;
	margin:100px 0 150px 20px;
	font-style: normal !important;
	color: var(--maincolor-blau)!important;
	}



.news .pagination {
	width:100%;
	text-align:center;
	margin:30px auto;
	}
.pagination a, .pagination button {
  	padding: 0.1875rem 0.625rem;
	font-size: var(--text-xs);
	font-weight: 600;
  	display: inline-block;
  	color:var(--maincolor-blau);
 	background: var(--maincolor-gelb);
	transition: all .4s ease-out;
	}
.pagination a:hover, .pagination button:hover {
 	background: #fff;
	transition: all .4s ease-out;
	}
.pagination .current {
	color:var(--maincolor-blau);
	font-weight: 600;
  	background: #fff;
  	cursor: default;
	}
.rahmen-layout-3 .news-img-caption {
  	color: #fff!important;
	}


.rahmen-layout-3 .news-list-view {
	display: flex;
    align-items: start;
    flex-wrap: wrap;
}

#c118.rahmen-layout-3 .news-list-view .article {
	width:calc(33% - 30px);
	align-self: flex-start !important;
}


/*********************************************/

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

.news-list-view {
	width:100%;
	padding:0 15px 80px 15px;
	margin:0;
	column-count: 2;
  	column-gap: 20px;
	}

#c118.rahmen-layout-3 .news-list-view .article {
	width:calc(50% - 10px);
	}
}

/*********************************************/

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

.news-single .mediaelement {
	padding:0 var(--abstand-s) 20px var(--abstand-s);
	}
}

/*********************************************/

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


.news-single ul:not(.pager) li {
	padding-left:20px;
	background-size:12px;
	background-position:2px 6px ;
	}

#c118.rahmen-layout-3 .news-list-view .article {
	width:calc(100%);
	}

}

/*********************************************/

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


.news-list-view {
  	padding: 10px 0 20px 0;
  	margin: 0 auto;
	column-count: 1;
    column-gap: 0;
	}

.news .large-4 .article {
	min-height:auto;
	}
.newslist .article {
  	min-height: auto;
	}
.news-tags {
	list-style-type:none;
	display:flex;
  	flex-wrap: wrap;
	width:100%;
	margin:20px 0 var(--abstand-m) 0;
	gap:10px;
	}

.news .article, .news .article:last-child {
  	padding-bottom: 20px!important;
	margin-bottom: 0!important;
	}
}
/*********************************************/

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


}