:root{
	--article-color-red         : rgb( 231, 51, 49);
	--article-color-green-mid   : rgb( 26, 60, 71 );
	--article-color-green-dark  : rgb( 29, 36, 46 );
	--article-color-white-cream : rgb( 240, 239, 238 );
	--article-color-gray        : rgb( 135, 145, 154 );
}
/* -------------------------------------------- *\
	ARTICLE FILTER
\* -------------------------------------------- */

.redonisNewsFilter{
	margin  : 16px 0px 16px 0px;
	padding : 16px 0px 16px 0px;
}
	.redonisNewsFilter__button{
		margin          : 0px 8px 0px 8px;
		padding         : 8px 16px 8px 16px;
		font-family     : 'Poppins', sans-serif;
		font-size       : 16px;
		line-height     : 16px;
		font-weight     : 400;
		text-transform  : uppercase;
		border          : none;
		border-bottom   : 2px solid rgb(255,255,255,0);
		outline         : none;
		transition      : border 250ms;
		cursor          : pointer;
	}
	.redonisNewsFilter__button:hover{
		color           : var(--article-color-red);
		border-bottom   : 2px solid var(--article-color-red);
	}
	.redonisNewsFilter__button.active{
		color           : var(--article-color-red);
		border-bottom   : 2px solid var(--article-color-red);
	}


/* -------------------------------------------- *\
	ARTICLE TEASER
\* -------------------------------------------- */
.redonisArticlesCollection{
	display         : flex;
	flex-wrap       : wrap;
	justify-content : flex-start;
	align-items     : stretch;
}

.redonisArticleTeaser{
	flex             : 0 0 calc( ( (100% / 12) * 4 ) - 8px ); 
	width            : calc( ( (100% / 12) * 4 ) - 8px );
	margin           : 0px 8px 8px 0px;
	background-color : var(--article-color-green-mid);
	filter           : saturate(0.8);
	transition       : all 250ms;
}	
	@media screen and ( max-width : 1000px)
	{
		.redonisArticleTeaser{ flex : 0 0 calc( ( (100% / 12) * 6 ) - 8px ); }
	}
	@media screen and ( max-width : 560px)
	{
		.redonisArticleTeaser{ flex : 0 0 calc( ( (100% / 12) * 12 ) - 0px ); }
	}

	.redonisArticleTeaser.deal-tax{
		background-color : var(--article-color-green-dark);
	}
	.redonisArticleTeaser:hover{
		filter : saturate(1.4);
	}

	.redonisArticleTeaser__link{
		cursor : pointer;
	}

	.redonisArticleTeaser__thumbWrapper{
		position : relative;
		top      : 0px;
		left     : 0px;
	}
	.redonisArticleTeaser__categories{
		display          : inline-block;
		padding          : 8px 32px 8px 8px;
		position         : absolute;
		top              : 0px;
		left             : 0px;
		font-family      : 'Poppins', sans-serif;
		font-size        : 12px;
		line-height      : 16px;
		font-weight      : 500;
		text-transform   : uppercase;
		color            : var( --article-color-white-cream );
		background-color : var( --article-color-green-mid );
		clip-path        : polygon(
							0px 0px, 
							100% 0px,
							calc( 100% - 32px ) 100%,
							0px 100%
						);
	}
	.redonisArticleTeaser.deal-tax .redonisArticleTeaser__categories{
		background-color : var( --article-color-red );
	}

	.redonisArticleTeaser__picture,
	.redonisArticleTeaser__image{
		display      : block;
		object-fit   : cover;
		object-position : right bottom;
		width        : 100%;
		height       : auto;
		aspect-ratio : 324/182;
	}
	.redonisArticleTeaser__content{
		padding     : 16px 16px 16px 16px;
		max-width   : 100%;
		font-family : 'Poppins', sans-serif;
		color       : var( --article-color-white-cream );
	}
		
	.redonisArticleTeaser__meta{}
		.redonisArticleTeaser.deal-tax .redonisArticleTeaser__meta{
			background-image    : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66.316' height='13.076'%3E%3Cg data-name='Gruppe 890'%3E%3Cpath fill='%23e73331' d='M13.168 8.902a2.47 2.47 0 0 0 1.874 2.014 3 3 0 0 0 1.939-.168 9.2 9.2 0 0 0 3.121-2.42c1.1-1.2 2.177-2.43 3.313-3.6a4.3 4.3 0 0 1 2.4-1.355 3.87 3.87 0 0 1 3.154.8c.037.028.065.07.1.093.075.056.154.1.271.182V3.56h2.392v9.3h-2.37v-.911c-.224.173-.393.308-.57.435a3.6 3.6 0 0 1-1.972.682 4.1 4.1 0 0 1-2.771-.776 4.64 4.64 0 0 1-1.645-2.187.27.27 0 0 1 .019-.22c.4-.458.8-.916 1.215-1.36.243-.262.514-.5.8-.785.033.421.033.794.1 1.159a2.58 2.58 0 0 0 2.36 2.009 2.55 2.55 0 0 0 2.537-2.266 2.9 2.9 0 0 0-.668-2.383 2.35 2.35 0 0 0-1.575-.762 3.56 3.56 0 0 0-2.612.949 22.6 22.6 0 0 0-2.705 2.8c-.687.78-1.369 1.575-2.126 2.285a5.3 5.3 0 0 1-3.785 1.537 5.8 5.8 0 0 1-2.35-.4 4.7 4.7 0 0 1-1.9-1.57 4.6 4.6 0 0 1-.85-2.757 4.787 4.787 0 0 1 5.406-5 4.54 4.54 0 0 1 2.902 1.276 4.2 4.2 0 0 1 1.191 1.92.31.31 0 0 1-.028.248 82 82 0 0 1-1.864 1.958.66.66 0 0 1-.421.15c-1.542.009-3.088 0-4.63.009a1 1 0 0 0-.252.002m5.051-1.93a2.46 2.46 0 0 0-2.1-1.6 2.524 2.524 0 0 0-2.757 1.6Z' data-name='Pfad 1355'/%3E%3C/g%3E%3Cg data-name='Gruppe 891'%3E%3Cpath fill='%23e73331' d='M0 .271h1.252c.565 0 1.131-.009 1.7 0a13 13 0 0 1 2.879.285A4.86 4.86 0 0 1 8.9 2.841a6.2 6.2 0 0 1 .9 2.266 9 9 0 0 1 .112 2.364 7 7 0 0 1-.472 2.051 5.4 5.4 0 0 1-2.079 2.542 4.46 4.46 0 0 1-2.313.71c-1.649.065-3.313.075-4.976.112-.019 0-.033-.014-.065-.023Zm2.392 10.28c.911-.065 1.785-.1 2.659-.2A2.4 2.4 0 0 0 6.8 9.224a4.1 4.1 0 0 0 .654-1.9 5.45 5.45 0 0 0-.192-2.233 3.14 3.14 0 0 0-1.557-1.956 6.3 6.3 0 0 0-3.257-.467c-.014 0-.028.019-.056.037Z' data-name='Pfad 1356'/%3E%3C/g%3E%3Cg data-name='Gruppe 892'%3E%3Cpath fill='%23e0d5bb' d='M52.631 4.255v-.916h2.434v9.555H53.28c-.649 0-.649 0-.649-.654v-.285c-.318.22-.607.43-.911.617a3.56 3.56 0 0 1-1.776.5 4.1 4.1 0 0 1-2.434-.589 4.69 4.69 0 0 1-2.2-3.107 5.58 5.58 0 0 1 .654-4.224 4.3 4.3 0 0 1 2.472-1.9 4.6 4.6 0 0 1 2.159-.084 3.6 3.6 0 0 1 1.71.836c.088.07.176.135.326.251m.122 3.813a2.82 2.82 0 0 0-.85-2.1 2.58 2.58 0 0 0-3.822.43 3.2 3.2 0 0 0-.435 2.168 2.36 2.36 0 0 0 .584 1.355 2.34 2.34 0 0 0 2.271.9 2.7 2.7 0 0 0 1.033-.36 2.62 2.62 0 0 0 1.218-2.397Z' data-name='Pfad 1357'/%3E%3C/g%3E%3Cg data-name='Gruppe 893'%3E%3Cpath fill='%23e0d5bb' d='M40.823 2.439H38.58V.005h7.163c0 .061.023.131.023.2v1.948c0 .22-.061.3-.29.29-.584-.014-1.168 0-1.752 0h-.332v10.444h-.607c-.547 0-1.093-.014-1.635 0-.262.009-.336-.07-.336-.332.009-2.775 0-5.551 0-8.326Z' data-name='Pfad 1358'/%3E%3C/g%3E%3Cg data-name='Gruppe 894'%3E%3Cpath fill='%23e0d5bb' d='M56.21 12.849c.379-.528.738-1.023 1.093-1.523.71-.991 1.425-1.981 2.135-2.976.369-.519.374-.528.009-1.033-.948-1.318-1.9-2.631-2.878-3.976.093-.009.159-.023.229-.023h2.4a.37.37 0 0 1 .336.187q1.724 2.376 3.453 4.747c.706.972 1.4 1.948 2.1 2.92.341.477.7.939 1.042 1.411.061.079.108.168.182.29-.112.009-.173.023-.234.023h-2.4a.4.4 0 0 1-.28-.154c-.72-.972-1.43-1.948-2.163-2.948-.481.663-.948 1.313-1.42 1.967-.238.332-.472.668-.72 1a.37.37 0 0 1-.248.14c-.836.009-1.673 0-2.514 0-.022-.014-.043-.028-.122-.052' data-name='Pfad 1359'/%3E%3C/g%3E%3Cg data-name='Gruppe 895'%3E%3Cpath fill='%23e73331' d='M33.216 0h2.308v12.868h-2.308Z' data-name='Pfad 1360'/%3E%3C/g%3E%3Cg data-name='Gruppe 896'%3E%3Cpath fill='%23e73331' d='m65.905 3.322-2.78 3.85c-.463-.635-.9-1.243-1.346-1.86.411-.631.818-1.252 1.234-1.874a.26.26 0 0 1 .173-.112c.887-.009 1.775-.004 2.719-.004' data-name='Pfad 1361'/%3E%3C/g%3E%3Cg data-name='Gruppe 897'%3E%3Cpath fill='%23e0d5bb' d='M38.198 13.059a1.33 1.33 0 0 1-1.392-1.378 1.4 1.4 0 0 1 2.8 0 1.346 1.346 0 0 1-1.408 1.378' data-name='Pfad 1362'/%3E%3C/g%3E%3C/svg%3E");
			background-repeat   : no-repeat;
			background-size     : contain;
			background-position : right center;
			background-size     : auto 13px;
		}

	.redonisArticleTeaser__metaDate{
		font-family : 'Poppins', sans-serif;
		font-size   : 12px;
		color       : var( --article-color-gray);
	}

	.redonisArticleTeaser__title{
		margin      : 8px 0px 0px 0px;
		font-family : 'Poppins', sans-serif;
		font-size   : 16px;
		line-height : 1.75em;
		font-weight : 500;
		color       : var( --article-color-white-cream );
	}

	.redonisArticleTeaser__authors{
		padding         : 16px 0px 0px 0px;
		display         : flex;
		justify-content : flex-start;
		align-items     : center;
	}
	.redonisArticleTeaser__authorsImages{
		display : flex;
    	margin  : 0px 12px 0px 0px;
	}
	.redonisArticleTeaser__authorImage{
		display       : block;
		width         : 34px;
		height        : 34px;
		object-fit    : cover;
		aspect-ratio  : 1 / 1;
		border-radius : 100%;
		border        : 2px solid var(--color-midnight);
	}
	.redonisArticleTeaser__authorsNames{
		font-size   : 0.75rem;
		line-height : 1.50em;
		word-break  : break-word;
	}
	.redonisArticleTeaser__authorName{
		display : block;
	}

/* --------------------------------------- *\
	ARTICLE BODY
\* --------------------------------------- */

.redonisArticle{}
	.redonisArticle__content{
		display         : flex;
		justify-content : space-between;
		align-items     : flex-start;
	}
	.redonisArticle__mainColumn{
		flex  : 0 0 calc( ( 100% / 12 ) * 7  ); /* -- 7 / 12 Spalten */
		width : calc( ( 100% / 12 ) * 7  ); /* -- 7 / 12 Spalten */
	}
	.redonisArticle__authorColumn{
		flex  : 0 0 calc( ( 100% / 12 ) * 3  ); /* -- 4 / 12 Spalten */
		width : calc( ( 100% / 12 ) * 3  ); /* -- 4 / 12 Spalten */
	}
		@media screen and ( max-width : 1000px )
		{
			.redonisArticle__content{
				flex-wrap : wrap;
			}
			.redonisArticle__mainColumn{
				flex : 0 0 100%;
				width : 100%;
			}
			.redonisArticle__authorColumn{
				flex : 0 0 100%;
				max-width : 480px;
			}
		}

	.redonisArticle__fullWidth{
		padding    : 42px calc((100dvw - 1000px) / 2);
		width      : 100dvw;
		max-width  : 100dvw;
		transform  : translateX(calc(-50dvw + 500px));
	}
		@media screen and ( max-width : 1000px )
		{
			.redonisArticle__fullWidth{
				padding : 42px 16px 42px 16px;
				transform : translateX( 0px );
			}
		}


	.redonisArticle__head{

		background : linear-gradient(
						180deg,
						var(--article-color-green-mid) calc( 100% - 150px ),
						var(--bg_color) calc( 100% - 150px )
					);
	}

	/* -- Text bleibt für Screenreader lesbar */
	.redonisArticle__visuallyHidden{
		position    : absolute !important;
		width       : 1px !important;
		height      : 1px !important;
		padding     : 0 !important;
		margin      : -1px !important;
		overflow    : hidden !important;
		clip        : rect(0, 0, 0, 0) !important;
		white-space : nowrap !important;
		border      : 0 !important;
	}

	.redonisArticle__meta{
		display         : flex;
		justify-content : flex-start;
		align-items     : center;
		width           : 100%;
	}
	.redonisArticle__metaCategory{
		flex             : 0 1 auto;
		margin           : 0px 16px 0px 0px;
		padding          : 8px 32px 8px 16px;
		font-family      : "Poppins", sans-serif;
		color            : var( --article-color-white-cream );
		background-color : var( --article-color-green-dark );
		text-transform   : uppercase;
		clip-path        : polygon(
								0px 0px,
								100% 0px, 
								calc(100% - 26px) 100%,
								0px 100%
							);
	}
	.redonisArticle__metaDate{
		flex : 0 1 auto;
	}


	.redonisArticle__title{
		margin      : 16px 0px 32px 0px;
		padding     : 0px 0px 0px 0px;
		font-family : "Poppins", sans-serif;
		font-size   : 36px;
		line-height : 1.25em;
		font-weight : 500;
		color       : var( --article-color-white-cream );
	}

	.redonisArticle__thumbLink{}
	.redonisArticle__thumbPicture{}
	.redonisArticle__thumbImage{}




/* -------------------------------------------- *\
	AUTHOR CARD
\* -------------------------------------------- */



/* -------------------------------------------- *\
	SHARING
\* -------------------------------------------- */
.redonisSharing{
	padding-top : 8px;
	padding-bottom : 8px;
	background-color : var( --article-color-green-mid );
}

	.redonisSharing__label{
		color : var( --article-color-white-cream );
	}
	.redonisSharing__link{
		color : var( --article-color-white-cream );
	}
	.redonisSharing__icon{
		position     : relative;
		top          : 6px;
		display      : inline-block;
		color        : var( --article-color-white-cream );
		width        : 24px;
		height       : 24px;
		aspect-ratio : 1/1;
	}