/* M2D Impressionen: aufklappende Karten-Galerie */
.m2d-gal--js .m2d-gal-title { display: none !important; }

.m2d-gal-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px 20px;
	width: 100%;
	margin: 0 0 22px;
}
.m2d-gal-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.m2d-gal-tab {
	appearance: none;
	cursor: pointer;
	font-family: 'Manrope', sans-serif !important;
	font-weight: 800 !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	letter-spacing: 0.5px !important;
	text-transform: none !important;
	color: #F5EFE6 !important;
	background: transparent !important;
	border: 1px solid rgba(245, 239, 230, 0.28) !important;
	border-radius: 999px !important;
	padding: 11px 18px !important;
	margin: 0 !important;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.m2d-gal-tab:hover {
	border-color: #FE790B !important;
	color: #FE790B !important;
}
.m2d-gal-tab[aria-selected="true"] {
	background: #FE790B !important;
	border-color: #FE790B !important;
	color: #1F1C1A !important;
}
.m2d-gal-tab:focus-visible,
.m2d-gal-arrow:focus-visible,
.m2d-gal-card:focus-visible {
	outline: 3px solid #F5EFE6;
	outline-offset: 3px;
}
.m2d-gal-nav {
	display: flex;
	align-items: center;
	gap: 10px;
}
.m2d-gal-count {
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.5px;
	color: rgba(245, 239, 230, 0.7);
	min-width: 54px;
	text-align: right;
	margin-right: 4px;
}
.m2d-gal-arrow {
	appearance: none;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 50% !important;
	border: 1px solid rgba(245, 239, 230, 0.28) !important;
	background: transparent !important;
	color: #F5EFE6 !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.m2d-gal-arrow svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none;
}
.m2d-gal-arrow:hover {
	background: #FE790B !important;
	border-color: #FE790B !important;
	color: #1F1C1A !important;
}

.m2d-gal-strip {
	justify-content: center !important;
	touch-action: pan-y;
	-webkit-user-select: none;
	user-select: none;
}
.m2d-gal-strip.is-dragging { cursor: grabbing; }
.m2d-gal-card {
	cursor: pointer;
	filter: brightness(0.55) saturate(0.9);
	background: #2a2624;
	-webkit-user-drag: none;
}
.m2d-gal-card:hover { filter: brightness(0.82); }
.m2d-gal-card.is-active {
	cursor: grab;
	filter: none;
}
.m2d-gal-strip.m2d-gal-ready .m2d-gal-card {
	transition: width 0.6s cubic-bezier(0.22, 0.8, 0.25, 1), filter 0.35s ease;
}

@media (max-width: 767px) {
	.m2d-gal-nav { display: none; }
	.m2d-gal-tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		max-width: 100%;
		scrollbar-width: none;
	}
	.m2d-gal-tabs::-webkit-scrollbar { display: none; }
	.m2d-gal-tab { white-space: nowrap; flex: 0 0 auto; }
	.m2d-gal-strip {
		justify-content: flex-start !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		touch-action: auto;
	}
	.m2d-gal-strip::-webkit-scrollbar { display: none; }
	.m2d-gal-card {
		width: 74vw !important;
		max-width: 320px;
		scroll-snap-align: center;
		filter: none !important;
	}
}
@media (prefers-reduced-motion: reduce) {
	.m2d-gal-strip.m2d-gal-ready .m2d-gal-card { transition: none; }
}
