

.news-list-view {
	width:100%;
	padding:0 40px var(--abstand-m) 40px;
	margin:0;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
  	gap: var(--abstand-s);
	}
.news-list-view.notdienst {
	width:100%;
	padding:var(--abstand-s);
	margin:0 var(--abstand-s) var(--abstand-s) var(--abstand-s);
	display:grid;
	grid-template-columns:1fr;
	display:inline-block;
	background:var(--maincolor-rot);
	}
.news-list-view.notdienst:hover {
	background:var(--maincolor-grau);
	}
.news-list-view.notdienst .article {
  	padding-bottom: 0;
  	margin-bottom: 0;
	}
.news-list-view.notdienst .article p {
  	padding: 0;
  	margin: 0;
	}

.news .themen .article, .news .themen .article:last-child  {
    background:var(--maincolor-hellgrau);
	display:inline-block;
	margin-bottom:0!important;
    text-align: center;
	}
.news .nachbarschaft .article, .news .nachbarschaft .article:last-child  {
    background:#fff;
	display:inline-block;
	padding-bottom:0!important;
	margin-bottom:0!important;
    text-align: left;
	}

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

.backbutton {
	display:inline-block;
	margin:50px 0 150px 20px;
	}

.frame .article img {
	padding-right:0;
	padding-left:0;
	}

.news .article .news-img-wrap img {
  	width:100vw !important;
	opacity:1;
	}
.news .article .news-img-wrap a {
  	padding: 0 !important;
	margin: 0 !important;
  	border: 0 !important;
  	background: none !important;
	}
.news .article .teaser-text p {
	padding:var(--abstand-xs) var(--abstand-s) var(--abstand-s) var(--abstand-s);
	font-weight:400;
	}
.news .themen .article h3 {
	margin: 15px auto 20px auto;
    padding:0;
	}
.news .themen .article h3 a {
    color:var(--maincolor-rot);
	font-size:100%;
	margin: 0;
    padding:0;
	}
.news .themen .article h3 a:hover { 
	color:var(--maincolor-grau);
	}
.news .nachbarschaft .article h3 {
    color:var(--maincolor-grau);
	margin: 5px var(--abstand-s) 0 var(--abstand-s);
    padding:0;
	}
.news .themen .article .news-list-date {
	display:inline-block;
	margin: 15px var(--abstand-s) 0 var(--abstand-s);
	font-weight:600;
	}
.news p a {
	font-family: AlverataBold;
	font-style: normal;
    color:var(--maincolor-rot);
    }
.teaser-text p a:hover {
    color:var(--maincolor-grau);
    }

.news .news-list-view.notdienst p a {
  	color: #fff;
	padding: var(--abstand-s) 0;
	hyphens:none;
	}

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

.news .article .news-img-wrap {
	margin:0 0 10px 0!important;
    overflow:hidden;
	}
.news .article .news-img-wrap a img{
	transition: transform .2s; /* Animation */
	-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-single .article  {
	display:block;
	}

.news-single p.lead {
	margin:5px 20% 30px 20px;
	font-size: var(--text-m);
	font-weight: 600;
	}
.news-single ul {
	margin:0 15% 30px 0;
	list-style-type:none;
	hyphens:auto;
	}
.news-single ul li ul{
	margin:0 0 30px 0;
	list-style-type:none;
	hyphens:auto;
	}

.news-single ul.pager {
	width: 100%;
	display: flex;
    justify-content: space-between;
	}
.news-single ul.pager a {
	color:inherit;
	color: var(--maincolor-grau);
	}
.news-single ul.pager a:hover {
	color: var(--maincolor-rot);
	}
.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:20px;
	list-style-type: disc;
	}


.news-single table.contenttable {
	width:auto;
	margin-bottom:40px;
	}
.news-single tbody  {
  	border: none;

	}
.news-single tbody td {
   	padding: 2px 15px 1px 0;
	}
.news-single tbody tr:nth-child(2n) {
  	border-bottom: 0;

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

.news-single .article .news-img-wrap {
	width: 100%!important;
	background: none!important;
  	margin: auto;
	}

.news-single .article .ce-gallery {
	padding: var(--abstand-s);
	column-count: 4;
  	column-gap: var(--abstand-s);
	}


.news .pagination {
	width:100%;
	text-align:center;
	margin:30px auto;
	}
.pagination a, .pagination button {
  	display: inline-block;
  	color:#fff;
	}

.pagination .current {
  	padding: 0.1875rem 0.625rem;
  	background: var(--maincolor-gelb);
  	color: #fff;
  	cursor: default;
	}
.news-img-caption {
  	color:var(--maincolor-grau)!important;
	margin:0 var(--abstand-s);
	}


.notnummern {
   columns: 2 500px;
    column-gap: var(--abstand-s);
	}
.notnummern div {
    display:inline-block;
	width:85%;
	background:#fff;
	margin: var(--abstand-s);
	padding: 10px 0;
	}
.news-related {
  	width: 50%;
  	padding: 0 !important;
  	border: none;
  	display: table-cell;
	}

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

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


}

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

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

.news-list-view {
	width:100%;
	padding:var(--abstand-m) var(--abstand-m) var(--abstand-m) var(--abstand-m);
	margin:0;
	display:grid;
	grid-template-columns:1fr 1fr;
  	gap: var(--abstand-s);
	}
.notnummern div {
    display:block;
	width:95%;
	padding-left:var(--abstand-m);
	}

}

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

@media only screen and (max-width: 768px)  {
.frame-type-news_categorylist ul {
	column-count: 2;
	column-gap: 5px;
	}
.news-single ul:not(.pager) li {
	padding-left:20px;
	background-size:12px;
	background-position:2px 6px ;
	}
.news-single .article .ce-gallery {
	column-count: 2;
	}

}

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

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

.newslist {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    grid-row-gap:0;
    }
.news-list-view {
  	padding: 10px 15px 20px 15px;
  	margin: 0 auto;
	}
.news .large-4 .article {
	min-height:auto;
	}
.newslist .article {
  	min-height: auto;
	}

.news h3 {
	margin: var(--abstand-s) var(--abstand-s) var(--abstand-s) var(--abstand-s);
	padding:0!important;
	}
.news .mediaelement img {
  	padding: 15px 15px 0 15px;
	}
.news-single ul {
  	margin: 0 20px 30px 15px;
	hyphens: auto;
	}
.news .article .teaser-text p a{
	font-size: var(--mn8-text-sm);
	}
.news .article .teaser-mehr {
	display:block;
	position:relative;
	bottom:auto;
	left:auto;
	margin:10px 20px;
	}
.news .article, .news .article:last-child {
  	padding-bottom: 20px!important;
	margin-bottom: 0!important;
	}
}

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

@media only screen and (max-width: 480px)  { 
 .news-list-view {
    grid-template-columns: 1fr;
  }
}

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

@media only screen and (max-width: 380px)  { 
.frame-type-news_categorylist ul {
	column-count: 1;
	column-gap: 5px;
	}

}
