.news{
	container-name: newssContainer;
	container-type: inline-size;
	padding:30px;
	/* SUCHCONTAINER VARS 
	--bottomGap: .5vh;	
	*/
}
.newsHeader{
	margin-bottom:var(--header-margin);
}
/*  NEWS SECTION   */

.newsList{
	display: grid;
	grid-template-columns: repeat(4, minmax(300px, 1fr));
	grid-template-rows: 1fr;
	grid-gap: 2rem;
	grid-template-areas:
	"promo promo news";
}
/*
.newsElement:not(.promo.has_images) { 
	grid-area: news;
}
*/
.newsElement.promo.has_images {
	grid-area: promo;
}


.newsImage {
	width:100%;
	display:none;
}
.newsElement.promo .newsImage {
	display: inline-block;
}
.newsImage img{
	width:100%;
}
.newsTitel {
	font-size:var(--titelSize);
	font-size:var(--image_sub_text);
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	margin-bottom: var(--bottomGap);
}
.newsContent {
	_font-size:var(--fliesstext-size);
}

.newsElement {
	transition: all .2s ease-in-out;
	margin-bottom: 15px;
}
.newsElement a:hover .newsTitel {
	color: var(--semmel-red);
}

.promo_block:hover {
	_transform: scale(1.02);
  }
 .newsElement:hover {
	  transform: scale(1.02);
	}
	
  .newsElement.promo:hover {
	  transform: scale(1.008);
	}

  @container newssContainer ( max-width: 1000px ) {
	.newsList {
	  display: block;
  }

}





@container newssContainer ( min-width: 200px ) {
	.newsList{
		grid-template-columns: repeat(1, minmax(300px, 1fr));
	}
	
	/*
	.newsElement:not(.promo) { 
		grid-column: span 1;
	}
	.newsElement.promo {
		grid-column: span 1;
		grid-row:span 1;
	}
	*/
	.newsElement {
		border-bottom:1px solid var(--lightlineColor);
		margin:2vh 0;
		padding: 2vh 0;
		padding-top:0;
	}


}

@container newssContainer ( max-width: 600px ) {

	.textNews_block {
		display: block;
		margin-bottom: 25px;
	}
	
	.textNews_block .newsElement {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		_margin-top: 25px;
		
	}
	
}
@container newssContainer ( min-width: 800px ) {	
	.newsList{
		grid-template-columns: repeat(2, minmax(300px, 1fr));
	}	
	
}

@container newssContainer ( min-width: 950px ) {	
.promo_block .newsElement {
	border-bottom:0px solid var(--lightlineColor);
}
}

@container newssContainer ( min-width: 1100px ) {	
	.newsList{
		grid-template-columns: repeat(2, minmax(300px, 1fr));
	}
	.newsElement {
		border-bottom:0px solid var(--lightlineColor);
	}
	.textNews_block {
		display: grid;
		grid-template-columns: 1fr 1fr;
		container-type: inline-size;
		gap: 2rem;
	}

	.textNews_block .newsElement {
		_width: 90%;
		_margin-left: 0%;
		_margin-right: 10%;
	}
	

}






/*   SEO SECTION  */

.seoTextHeader {
	margin-bottom:var(--header-margin);
}

.seoText{
	container-name: seoTextContainer;
	container-type: inline-size;
	padding:30px;
	/* SUCHCONTAINER VARS 
	--bottomGap: .5vh;	
	*/
}
.seoTextHeader {
	position: relative;
}
.seoTextHeader .sectionLogo{
	position: absolute;
	top:3rem;
	right:0;
}
.seoContent{
	gap:4vw;
}







@container seoTextContainer ( min-width: 200px ) {
	.seoContent{
		width: auto;
		column-width: 95vw;
	}
	
}
@container seoTextContainer ( min-width: 700px ) {
	.seoContent{
		width: auto;
		column-width: 40vw;
	}
}

@container seoTextContainer ( min-width: 1200px ) {
	.seoContent{
		width: auto;
		column-width: 35vw;
	}
}
