/* W13 · Messetermine */
.suritec-messen .suritec-messen__head {
	margin-bottom: clamp(36px, 6vh, 56px);
}

/* Filter */
.suritec-messen__selectrow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}

.suritec .suritec-select {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0;
}

.suritec .suritec-select select {
	width: auto;
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
	padding: 12px 44px 12px 18px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, .18);
	background: var(--suritec-card-2);
	color: var(--suritec-text);
	font: 400 14px/1.2 var(--suritec-font);
	cursor: pointer;
	outline: none;
	height: auto;
	max-width: 100%;
}

.suritec .suritec-select select:focus-visible {
	border-color: var(--suritec-primary);
}

.suritec-select__arrow {
	position: absolute;
	right: 18px;
	pointer-events: none;
	font-size: 11px;
	color: color-mix(in srgb, var(--suritec-text) 60%, transparent);
}

.suritec-messen__countries {
	margin-bottom: 12px;
}

.suritec-messen__months {
	margin-bottom: 20px;
}

.suritec-messen__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.suritec-messen__count {
	font-family: var(--suritec-font-mono);
	font-size: 12px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--suritec-text-55);
}

.suritec .suritec-messen__clear {
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid var(--suritec-primary);
	background: color-mix(in srgb, var(--suritec-primary) 12%, transparent);
	color: var(--suritec-text);
	font-size: 13px;
	line-height: 1.2;
	cursor: pointer;
}

/* Liste */
.suritec-messen__list {
	display: flex;
	flex-direction: column;
	border-top: 1px solid rgba(255, 255, 255, .12);
}

.suritec-messe {
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.suritec-messe[hidden] {
	display: none;
}

.suritec .suritec-messe__head {
	width: 100%;
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) auto;
	gap: clamp(14px, 2.4vw, 28px);
	align-items: center;
	padding: 22px 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--suritec-text);
	text-align: left;
	cursor: pointer;
	transition: padding .3s ease;
}

.suritec .suritec-messe__head:hover,
.suritec .suritec-messe__head:focus-visible {
	padding-left: 10px;
	background: transparent;
	color: var(--suritec-text);
}

.suritec-messe__badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	border: 1px solid color-mix(in srgb, var(--suritec-text) 16%, transparent);
	color: var(--suritec-text);
}

.suritec-messe.suritec-is-live .suritec-messe__badge {
	border-color: color-mix(in srgb, var(--suritec-green) 50%, transparent);
}

.suritec-messe.suritec-is-past .suritec-messe__badge {
	color: color-mix(in srgb, var(--suritec-text) 50%, transparent);
}

.suritec-messe__day {
	font-size: 21px;
	font-weight: 500;
	letter-spacing: -.03em;
	line-height: 1;
}

.suritec-messe__mon {
	font-family: var(--suritec-font-mono);
	font-size: 10px;
	letter-spacing: .14em;
	text-transform: uppercase;
	margin-top: 3px;
	color: var(--suritec-text-55);
}

.suritec-messe__main {
	display: block;
	min-width: 0;
}

.suritec-messe__title {
	display: block;
	font-size: clamp(19px, 1.7vw, 26px);
	font-weight: 600;
	letter-spacing: -.02em;
	line-height: 1.15;
}

.suritec-messe__sub {
	margin-top: 8px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	font-size: 15px;
	color: color-mix(in srgb, var(--suritec-text) 62%, transparent);
}

.suritec-messe__status {
	font-family: var(--suritec-font-mono);
	font-size: 11px;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: nowrap;
	color: color-mix(in srgb, var(--suritec-text) 75%, transparent);
}

.suritec-messe.suritec-is-live .suritec-messe__status {
	color: var(--suritec-green);
}

.suritec-messe.suritec-is-past .suritec-messe__status {
	color: color-mix(in srgb, var(--suritec-text) 45%, transparent);
}

.suritec-messe__plus {
	flex: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid color-mix(in srgb, var(--suritec-text) 22%, transparent);
	display: grid;
	place-items: center;
	font-size: 20px;
	line-height: 1;
	transition: transform .3s var(--suritec-ease);
}

.suritec-messe__head[aria-expanded="true"] .suritec-messe__plus {
	transform: rotate(45deg);
}

.suritec-messe__detail {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
	gap: 20px 40px;
	padding: 0 0 28px calc(56px + clamp(14px, 2.4vw, 28px));
}

.suritec-messe__detail[hidden] {
	display: none;
}

.suritec-messe__info {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 16px;
}

.suritec-messe__label {
	font-family: var(--suritec-font-mono);
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--suritec-text) 50%, transparent);
}

.suritec-messe__addr {
	line-height: 1.4;
}

.suritec-messe__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: flex-start;
}

.suritec .suritec-messen__more {
	margin-top: 24px;
	width: 100%;
	padding: 18px;
	border-radius: 999px;
	border: 1px solid color-mix(in srgb, var(--suritec-text) 22%, transparent);
	background: transparent;
	color: var(--suritec-text);
	font-size: 15px;
	line-height: 1.2;
	cursor: pointer;
	transition: border-color .2s ease;
}

.suritec .suritec-messen__more:hover,
.suritec .suritec-messen__more:focus-visible {
	border-color: var(--suritec-text);
	background: transparent;
	color: var(--suritec-text);
}

.suritec .suritec-messen__more[hidden] {
	display: none;
}

.suritec .suritec-messen__all {
	margin-top: 28px;
}