/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* !- Messen - Liste */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* !- Liste */

.newslist-messen {
	--newslist-messen-gap: clamp(22px, 3.5vw, 40px);
	--newslist-messen-list-padding: clamp(20px, 5vw, 60px);
	--newslist-messen-img-height: clamp(168px, 32vw, 216px)
}

.newslist-messen .newslist-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--newslist-messen-gap);
	width: 100%;
	height: auto;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 var(--newslist-messen-list-padding);
	box-sizing: border-box;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* !- Item */

.newslist-messen .newslist-item {
	width: calc((100% / 3) - (clamp(24px, 4vw, 50px) * 2 / 3));
	border: 1px solid rgba(139, 168, 32, 0.10);
	border-radius: 3px;
	box-sizing: border-box;
}
.newslist-messen .newslist-item-image {
	width: 100%;
	height: auto;
	background-color: white;
	padding: 12px;
	box-sizing: border-box;
}
.newslist-messen .newslist-item-img {
	width: 100%;
	height: var(--newslist-messen-img-height);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.newslist-messen .newslist-item-content {
	width: 100%;
	height: auto;
	min-height: calc(100% - var(--newslist-messen-img-height) - 24px);
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	padding: 20px;
	background: rgba(240, 242, 239, 0.80);
	border-top: 1px solid rgba(139, 168, 32, 0.10);
	box-sizing: border-box;
}
.newslist-messen .newslist-item-data {
	color: #8C622F;
	font-family: Montserrat;
	font-size: clamp(13px, 1.6vw, 16px);
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	text-transform: uppercase;
	margin-bottom: clamp(15px, 2vw, 20px);
}
.newslist-messen .newslist-item-headline {
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(139, 168, 32, 0.25);
}
.newslist-messen .newslist-item-headline h3 {
	color: #8BA820;
	font-family: "Minion Pro";
	font-size: clamp(26px, 3.2vw, 32px);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: none;
	letter-spacing: 0;
}
.newslist-messen .newslist-item-location {
	margin-top: auto;
}
.newslist-messen .newslist-item-location-headline {
	color: #8BA820;
	font-family: "Minion Pro";
	font-size: clamp(18px, 2vw, 20px);
	font-style: normal;
	font-weight: 600;
	line-height: 2.15;
}
.newslist-messen .newslist-item-location-text {
	color: #8C622F;
	font-family: "Minion Pro";
	font-size: clamp(16px, 1.6vw, 18px);
	font-style: normal;
	font-weight: 400;
	line-height: 1.1;
}

@media only screen and (max-width:1200px) {
	.newslist-messen .newslist-item {
		width: calc(50% - (clamp(24px, 4vw, 50px) / 2));
	}
}
@media only screen and (max-width:650.98px) {
	.newslist-messen .newslist-item {
		width: 100%;
	}
	.newslist-messen .newslist-item-data-country {
		display: none;
	}
}
@media only screen and (min-width:651px) {
	.newslist-messen .newslist-item-data-date {
		margin-bottom: 4px;
	}
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* !- Filter */

.newslist-messen .newslist-filter {
	position: relative;
	width: 100%;
	height: auto;
	max-width: 630px;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	border-radius: 3px;
	border: 1px solid #EBEBEB;
	box-sizing: border-box;
}
.newslist-messen .newslist-filter-wrapper {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0 var(--newslist-messen-list-padding);
	box-sizing: border-box;
	z-index: 1;
	margin-bottom: clamp(40px, 7vw, 70px);
}
.newslist-filter-item {
	position: relative;
	width: 50%;
	height: 56px;
	background: #FAF8F6;
	box-sizing: border-box;
}
.newslist-filter-item:not(:last-child) {
	border-right: 1px solid #EBEBEB;
}
.newslist-filter-display {
	position: relative;
	height: 100%;
	width: 100%;
	padding: 16px 50px 16px 13px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	color: #604417;
	font-family: Montserrat;
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
}
[data-country="all"] .newslist-filter-country .newslist-filter-display,
[data-year="all"] .newslist-filter-year .newslist-filter-display {
	opacity: 0.5;
}
.newslist-filter-display-icon {
	font-size: 24px;
	margin-right: 13px;
}
.newslist-filter-display-text {
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.newslist-filter-display:after {
	content: '\e908';
	position: absolute;
	right: 13px;
	top: calc(50% - 10px);
	height: 20px;
	width: 20px;
	font-family: 'bakehouse-iconset' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 20px;
}

.newslist-filter-select {
	position: absolute;
	width: 100%;
	height: auto;
	top: 100%;
	left: 0;
	border-radius: 3px;
	background: #FFF;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
	z-index: 2;
	transform: translateY(15px);
	max-height: 300px;
	overflow-y: auto;
	scroll-behavior: smooth;
	scrollbar-color: #8BA820 #fff;
	scrollbar-width: thin;
	opacity: 0;
	pointer-events: none;
	transition: ease-in opacity 0.4s, ease-in transform 0.4s;
}
.newslist-filter-item.open .newslist-filter-select {
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
	transition: ease-out opacity 0.4s, ease-out transform 0.4s;
}
.newslist-filter-select-option {
	padding: 11px 13px;
	color: #8BA820;
	background-color: #FFF;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	box-sizing: border-box;
	transition: ease-in background-color 0.4s;
}
.newslist-filter-select-option:hover,
.newslist-filter-select-option.selected {
	background-color: #8BA82033;
}
.newslist-filter-select-option-icon {
	font-size: 24px;
	margin-right: 13px;
	box-sizing: border-box;
}
.newslist-filter-country .newslist-filter-select-option:not(.newslist-filter-select-option-noselect) .newslist-filter-select-option-icon {
	border: 1px solid #EBEBEB;
	border-radius: 3px;
}

@media only screen and (max-width:550px) {
	.newslist-filter-item {
		position: relative;
		width: 100%;
	}
	.newslist-filter-item:not(:last-child) {
		border-right: none;
		border-bottom: 1px solid #EBEBEB;
	}
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* !- Messagebox */

.newslist-messen-messagebox {
	display: none;
}
.no-items-for-filter .newslist-messen-messagebox {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
.newslist-messen-message {
	padding: 20px;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
}