/* MOBILE CSS */
/* min 796 px */
@media (min-width: 770px) {
	#mccom_SVVW_erfahren_container_header {
		--aspect-ratio: 14/4;
		position: relative;
		padding-top: calc((1 / (var(--aspect-ratio))) * 100%);
	}

	@supports (aspect-ratio: 1) {
		#mccom_SVVW_erfahren_container_header {
			aspect-ratio: var(--aspect-ratio);
			padding-top: initial;
		}
	}
	#mccom_SVVW_erfahren_container_header #mccom_SVVW_erfahren_img_header {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
/* max 769 px */
@media (max-width: 769px) {
	#mccom_SVVW_erfahren_container_header {
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 51% 60%;
	}
	#mccom-svv-oa-vao-container-select-date,
	#mccom_SVVW_erfahren_container_header #mccom_SVVW_erfahren_img_header,
	#mccom-svv-oa-vao-select,
	#mccom-svv-oa-vao-date,
	#mccom_SVVW_erfahren_header_VAO {
		width: 100% !important;
	}
	#mccom-svv-oa-vao-select {
		margin-bottom: 10px;
	}
	#mccom_SVVW_erfahren_container_header #mccom_SVVW_erfahren_img_header {
		height: 100%;
		object-fit: cover;
	}
	#mccom-svv-oa-vao-container-select-date,
	#mccom-svv-oa-vao-container {
		flex-direction: column !important;
	}
	#mccom-svv-oa-vao-button {
		height: 62px !important;
		margin-top: 15px;
	}
	#mccom-svv-oa-vao-container
		span.select2-selection.select2-selection--single {
		border-top-right-radius: 30px !important;
		border-bottom-right-radius: 30px !important;
	}
	#mccom-svv-oa-vao-date {
		border-bottom-left-radius: 30px !important;
		border-top-left-radius: 30px !important;
		padding: 15px;
	}
	#mccom_SVVW_erfahren_header_VAO {
		margin-top: 35px;
		height: 225px;
	}
	#mccom_SVVW_erfahren_container_white_opacity {
		height: 25em;
		margin-right: 0;
		margin-left: 0;
	}
	#mccom-svv-oa-vao-button {
		display: flex;
		justify-content: center;
	}
	#mccom_SVVW_erfahren_gallery_container {
		grid-template-columns: 1fr;
	}
	.select2-selection.select2-selection--single,
	#mccom-svv-oa-vao-date {
		padding: 0;
	}
	#mccom-svv-oa-vao-date input {
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#mccom-svv-oa-vao-message-container {
		left: 0;
		width: 100%;
		top: 12.77em;
	}
	#mccom_SVVW_erfahren_container_furtherContent {
		margin-top: 40px;
	}
	#mccom-svv-oa-filter-search {
		width: 100%;
	}
	#mccom-svv-oa-list-container {
		display: flex;
		flex-direction: column;
	}
	#mccom_SVVW_erfahren_header_VAO_headline {
		margin: 0 10% 20px;
		text-align: center;
	}
	.mccom_SSWV_erfahren_main_title {
		display: grid;
		grid-template-columns: 10% 80%;
		grid-gap: 20px;
	}
	.mccom_SSWV_erfahren_main_title .header_icon_title {
		width: 100%;
		height: 100%;
		margin-right: 0;
		max-width: 40px;
	}
}
/* 1000 px */
@media (min-width: 1000px) {
	#mccom-svv-oa-filter-container,
	.mccom-svv-oa-filter-switch-wrapper {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		grid-gap: 20px;
	}
	.mccom-svv-oa-single-filter-container {
		margin-bottom: 0 !important;
	}
	.mccom-svv-oa-button-group {
		flex-direction: row !important;
		justify-content: space-between;
		align-items: center;
	}
	#mccom-svv-oa-filter-search input[type="text"] {
		background-size: 5% !important;
	}
}
@media (max-width: 1000px) {
	#mccom_SVVW_erfahren_container_info,
	.mccom_SSWV_flex_container {
		display: flex;
		flex-direction: column;
	}
	#mccom_SVVW_erfahren_description_button {
		text-align: center;
	}
	.mccom_SVVW_erfahren_container_info_2,
	.mccom-svv-oa-trip-from-at,
	#mccom-svv-oa-apply {
		width: 100%;
	}
	#mccom_SVVW_erfahren_container_info {
		margin-top: 40px;
	}
	.mccom_SVVW_erfahren_info.white {
		padding-bottom: 0;
	}
	.mccom_SVVW_erfahren_legend_haftausschuss {
		width: 100%;
	}
	.mccom-svv-oa-button-group {
		margin-top: 20px;
	}
	#mccom-svv-oa-filter-reset-container,
	.mccom-svv-oa-filter-switch-wrapper {
		margin-bottom: 20px;
	}
	#mccom_SVVW_erfahren_container_header {
		height: 100vh;
	}
}
@media (min-width: 769px) and (max-width: 1000px) {
	#mccom_SVVW_erfahren_gallery_container {
		grid-template-columns: 1fr 1fr;
	}
	#mccom-svv-oa-list-container {
		grid-template-columns: repeat(2, auto);
	}
}