.news-box {
	display: flex;
	flex-wrap: wrap;
	margin: 1rem 0;
}

.news-box > div {
	display: flex;
	flex-wrap: wrap;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	width: calc(33.3% - 0.66rem);
	margin-bottom: 1rem;
}

.news-box > div:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.news-box > div:nth-of-type(3n-1) {	margin-left: 1rem; margin-right: 1rem;}

.news-box > div > div {
  padding: 1rem;
}

.news-box > div > div > h2 {
	margin-top: 0;
}

.news-box > div > div > p {
  padding: 0;
}

.news-box > div > a {
  width: 100%;
	line-height: 0;
}

.news-box > div > a > img {
  width: 100%;
  height: 389px;
  object-fit: cover;
}

/* MAIN BOX */

.news-box-main {
	display: flex;
	flex-wrap: wrap;
}

/*.news-box-main  > div > p {
	margin-bottom: 0.25rem;
}*/

.news-box-main  > div > a.news-img {
	float: right;
	margin: 0 0 1rem 1rem;
	
	line-height:0;
}

.news-box-main  > div > a > img {
	border: 1px solid var(--petrol);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	border-radius: 0 15px 0 15px;
}

@media screen and (max-width: 750px), (max-device-width: 750px) {
	.news-box-main  > div > a > img {
	border: 5px solid var(--petrolhell);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	border-radius: 0 0 0 0;
}
}


.news-box-main  > div > a.news-img:hover > img {
	box-shadow: 0 0 6px rgba(0,0,0,0.8);
}



.news-box-main  > div > p.news-datum {
	font-size: 85%;
}

.news-back {
	margin: 1rem 0;
	display:flex;
	align-items:center;
	justify-content: center;
	color: var(--gelb);	
	}

.news-back a {
	text-decoration: none; 
	background: var(--petrol);
	border: 1px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	padding: 0.33rem;
	color: var(--gelb);
	border-radius: 5px;
	margin: 1rem 0;
	}
	
.news-back a:hover{
	background: var(--pink);	
}