/** Styles for mccom oa plugin */
:root {
	--mainColor-turkis: #377da4;
	--mainColor-green: #447d21;
	--mainColor-violett: #766cb7;
	--mainColor-black: #000;
	--mainColor-darkgray: #989898;
	--mainColor-lightgray: #e2e2e2;
	--mainColor-disabled: #e8e8e8;
	--mainColor-red: rgb(226, 0, 26);
}

/**---------------- Tour / POI - SINGLE PAGE /**---------------- */
body,
* {
	font-family: Titillium Web;
}
.single-mccom_poi #header-outer,
.single-mccom_tour2 #header-outer {
	background-color: transparent !important;
}
.single-mccom_poi .row.heading-title,
.single-mccom_tour2 .row.heading-title {
	display: none;
}
.single-mccom_poi .container-wrap,
.single-mccom_tour2 .container-wrap {
	padding-top: 0 !important;
}
#mccom_SVVW_erfahren_pageID_1 a,
#mccom_SVVW_erfahren_pageID_1 p {
	word-break: break-word;
	hyphens: auto;
}
/* Align the page */
#mccom_SVVW_erfahren_pageID_1 {
	width: 100vw;
	height: 100%;
	margin-top: -150px;
	letter-spacing: 0.5px;
}
#mccom_SVVW_erfahren_pageID_1 h3,
#mccom_SVVW_erfahren_pageID_1 h2 {
	font-size: 30px;
	line-height: 30px;
}
.single-mccom_tour2 .main-content,
.single-mccom_poi .main-content {
	margin: 0;
	padding: 0;
}
.single-mccom_tour2 #top .row,
.single-mccom_poi #top .row {
	width: 100%;
	margin: 0 auto;
}
/* Default Button */
#ajax-content-wrap .mccom_SSVW_default_button {
	visibility: visible;
	background-color: transparent !important;
	color: var(--mainColor-black);
	border: 2px solid var(--mainColor-black);
	border-radius: 30px !important;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	padding: 15px 30px;
	text-decoration: none !important;
}
/**---------------- SINGLE PAGE - VAO WIDGET ---------------- */
.mccom-svv-oa-vao-no-connection {
	margin-top: 40px;
	text-align: center;
}
.mccom_SSWV_erfahren_main_title {
	background: white;
	padding: 20px 25px;
	margin-top: -80px;
	border-radius: 100px;
	display: flex;
	align-items: center;
}
#ajax-content-wrap .mccom_SSWV_erfahren_main_title .header_title h2 {
	font-weight: 600;
	margin-bottom: 0;
	font-size: 24px;
}
.single-mccom_tour2
	#ajax-content-wrap
	.mccom_SSWV_erfahren_main_title
	.header_title
	h2 {
	color: var(--mainColor-green) !important;
}
.single-mccom_poi
	#ajax-content-wrap
	.mccom_SSWV_erfahren_main_title
	.header_title
	h2 {
	color: var(--mainColor-violett) !important;
}
.header_icon_title {
	margin-right: 10px;
	width: 40px;
	height: 40px;
}
.header_icon_title img {
	margin-bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
.single-mccom_tour2 .header_icon_title img {
	filter: brightness(0) saturate(100%) invert(40%) sepia(20%) saturate(1621%)
		hue-rotate(54deg) brightness(95%) contrast(84%);
}
.single-mccom_poi .header_icon_title img {
	filter: brightness(0) saturate(100%) invert(48%) sepia(12%) saturate(1836%)
		hue-rotate(208deg) brightness(90%) contrast(88%);
}

#mccom_SVVW_erfahren_container_header::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	pointer-events: none;
}
#mccom_SVVW_erfahren_container_white_opacity {
	width: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: var(--mainColor-green);
	height: 14em;
	margin: 0 15%;
	border-radius: 20px;
	margin-top: -70px;
	z-index: 9;
	position: relative;
}
.single-mccom_tour2 #mccom_SVVW_erfahren_container_white_opacity {
	background-color: var(--mainColor-green);
}
.single-mccom_poi #mccom_SVVW_erfahren_container_white_opacity {
	background-color: var(--mainColor-violett);
}
#mccom_SVVW_erfahren_header_VAO {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	font-weight: bold;
	color: #ffffff;
	flex-direction: column;
	height: 140px;
	width: 80%;
	position: relative;
}
#mccom_SVVW_erfahren_header_VAO_headline h2 {
	color: #fff !important;
	font-weight: 600;
	font-size: 24px;
}
#mccom_SVVW_erfahren_header_VAO_headline {
	margin-bottom: 20px;
}
#mccom_SVVW_erfahren_header_VAO_plugin {
	width: 90%;
}
#mcom_SVVW_erfahren_bild_author {
	color: white;
	position: absolute;
	bottom: 0.4em;
	left: 1em;
	z-index: 2;
	font-size: 14px;
}
#mccom-svv-oa-vao-container {
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#mccom-svv-oa-vao-container-select-date {
	display: flex;
	width: 80%;
	height: 100%;
}
.mccom-svv-oa-vao-part {
	width: 50%;
	height: 100%;
}
/* VAO Widget Select Fields */
#mccom-svv-oa-vao-container
	span.select2.select2-container.select2-container--default,
#mccom-svv-oa-vao-container span.select2-selection.select2-selection--single {
	width: 100%;
	height: 100%;
}
.select2-container--default
	.select2-selection--single
	.select2-selection__placeholder,
#mccom-svv-oa-vao-date input::placeholder {
	color: var(--mainColor-darkgray) !important;
}
.select2-container--default .select2-selection--single {
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border: 0px !important;
}
/* VAO Location */
#mccom-svv-oa-vao-container span.select2-selection.select2-selection--single {
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	font-weight: 600;
	border-top-left-radius: 30px !important;
	border-bottom-left-radius: 30px !important;
	padding: 15px;
	background-color: #fff !important;
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-size: 7%;
}
.single-mccom_tour2
	#mccom-svv-oa-vao-container
	span.select2-selection.select2-selection--single {
	border-right: 4px solid var(--mainColor-green) !important;
}
.single-mccom_poi
	#mccom-svv-oa-vao-container
	span.select2-selection.select2-selection--single {
	border-right: 4px solid var(--mainColor-violett) !important;
}
.select2-selection__arrow {
	display: none;
}
#mccom-svv-oa-vao-container span.select2-selection__clear {
	margin-left: 10px;
}
/* VAO Date*/
#mccom-svv-oa-vao-date {
	height: 100%;
	border-radius: 5px;
	display: flex;
	align-items: center;
	font-size: 1.1rem !important;
	margin-right: 3px;
	font-weight: 600;
	border-bottom-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
	border-bottom-right-radius: 30px !important;
	border-top-right-radius: 30px !important;
	border: 0px solid #c7c7c7;
	background-color: #fff !important;
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-size: 7%;
}
.single-mccom_tour2 #mccom-svv-oa-vao-date,
.single-mccom_tour2
	#mccom-svv-oa-vao-container
	span.select2-selection.select2-selection--single {
	background-image: url("./arrow_down_green.svg");
}
.single-mccom_poi #mccom-svv-oa-vao-date,
.single-mccom_poi
	#mccom-svv-oa-vao-container
	span.select2-selection.select2-selection--single {
	background-image: url("./arrow_down_lila.svg");
}
#mccom-svv-oa-vao-container
	input.mccom-svv-oa-vao-content.mccom-svv-oa-vao-content-from-date.flatpickr-input.flatpickr-mobile {
	width: 100%;
	border: none;
	background-color: transparent;
	font-size: 1rem;
	font-weight: lighter;
	color: #9a9a9a;
}
/* VAO Submit Button*/
div#mccom-svv-oa-vao-button {
	height: 100%;
}
#mccom-svv-oa-vao-submit {
	background-color: transparent;
	width: 100px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("./lupe.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
	filter: brightness(0) saturate(100%) invert(94%) sepia(99%) saturate(17%)
		hue-rotate(333deg) brightness(105%) contrast(100%);
}
/* VAO Result Container */
.mccom-svv-oa-trip-from-at.walk {
	border-left: 3px dotted #428514;
}
.mccom-svv-oa-trip-from-at.passage {
	border-left: 3px dotted #428514;
}
.mccom-svv-oa-trip-from-at.train {
	border-left: 3px dotted #000;
}
.mccom-svv-oa-trip-from-at.obus {
	border-left: 3px dotted #e50e4f;
}
.mccom-svv-oa-trip-from-at.regiobus {
	border-left: 3px dotted #78108c;
}
.mccom-svv-oa-trip-from-at.sbahn {
	border-left: 3px dotted #2198d5;
}
.mccom_svv_oa_vao_trip_icon {
	width: 2em !important;
	height: 2em !important;
	margin-bottom: -0em !important;
	margin-left: -0.3em;
}
.mccom-svv-oa-trip-cyrcle0 {
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	border-radius: 0;
	width: 2.5em;
	height: 2.5em;
	top: -22px;
	left: -15px;
}
.single-mccom_tour2 .mccom-svv-oa-trip-cyrcle0 {
	background-image: url("./vao_standort_a_green.svg");
}
.single-mccom_poi .mccom-svv-oa-trip-cyrcle0 {
	background-image: url("./vao_standort_a_lila.svg");
}
img.mccom-svv-oa-trip-cyrcle-last {
	width: 2.5em !important;
	height: 2.5em !important;
	position: absolute;
	bottom: 6.5em;
	left: 7px;
}
.mccom-svv-oa-vao-trip-with-sbahn-img {
	width: 1.5em !important;
	height: 1.4em !important;
	margin-right: 0.4em;
	margin-left: 0.1em;
	margin-bottom: 0.2em !important;
}
.mccom-svv-oa-vao-trip-width-container {
	display: flex;
	height: 2em;
	align-items: flex-end;
	margin-bottom: 0.7em;
	margin-top: 0.7em;
}
.mccom_svv_oa_vao_container_your_connection {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
}
.single-mccom_tour2 .mccom-svv-oa-trip-title-time {
	border: 1px solid var(--mainColor-green);
}
.single-mccom_poi .mccom-svv-oa-trip-title-time {
	border: 1px solid var(--mainColor-violett);
}
.single-mccom_tour2 .mccom_svv_oa_vao_container_your_connection,
.single-mccom_tour2 .mccom-svv-oa-trip-title-time,
.single-mccom_tour2 .mccom-svv-oa-trip-origin-time,
.single-mccom_tour2 .mccom-svv-oa-trip-destination-time {
	color: var(--mainColor-green);
}
.single-mccom_poi .mccom_svv_oa_vao_container_your_connection,
.single-mccom_poi .mccom-svv-oa-trip-title-time,
.single-mccom_poi .mccom-svv-oa-trip-origin-time,
.single-mccom_poi .mccom-svv-oa-trip-destination-time {
	color: var(--mainColor-violett);
}
.mccom-svv-oa-vao-trip-atThe {
	display: flex;
}
/*VAO tool buttons*/
.mccom-svv-oa-trip-title-earlierConnection,
.mccom-svv-oa-trip-title-laterConnection {
	width: 2em;
	height: 2em;
	border: none;
	background-color: transparent;
	margin: 0 1em;
	cursor: pointer;
}
.mccom-svv-oa-trip-title-laterConnection,
.mccom-svv-oa-trip-title-earlierConnection {
	background-repeat: no-repeat;
	opacity: 1;
	transition: opacity 500ms ease-out;
}
.mccom-svv-oa-trip-title-laterConnection {
	background-image: url(/wp-content/plugins/mccom_svv_oa/assets/css/arrow_right.svg);
}
.mccom-svv-oa-trip-title-earlierConnection {
	background-image: url(/wp-content/plugins/mccom_svv_oa/assets/css/arrow_left.svg);
}
.mccom-svv-oa-trip-title-laterConnection:disabled,
.mccom-svv-oa-trip-title-earlierConnection:disabled {
	background-repeat: no-repeat;
	opacity: 0.3;
	transition: opacity 500ms ease-out;
}
.mccom-svv-oa-trip-title-laterConnection:disabled {
	background-image: url(/wp-content/plugins/mccom_svv_oa/assets/css/arrow_right_disabled.svg);
}
.mccom-svv-oa-trip-title-earlierConnection:disabled {
	background-image: url(/wp-content/plugins/mccom_svv_oa/assets/css/arrow_left_disabled.svg);
}
.single-mccom_tour2 .mccom-svv-oa-trip-title-laterConnection,
.single-mccom_tour2 .mccom-svv-oa-trip-title-earlierConnection {
	filter: brightness(0) saturate(100%) invert(40%) sepia(20%) saturate(1621%)
		hue-rotate(54deg) brightness(95%) contrast(84%);
}
.single-mccom_poi .mccom-svv-oa-trip-title-laterConnection,
.single-mccom_poi .mccom-svv-oa-trip-title-earlierConnection {
	filter: brightness(0) saturate(100%) invert(48%) sepia(12%) saturate(1836%)
		hue-rotate(208deg) brightness(90%) contrast(88%);
}

/* VAO loading */
#mccom-svv-oa-vao-loading {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(60, 60, 60, 0.2);
}
.dot-pulse {
	position: relative;
	left: -9999px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: var(--mainColor-turkis);
	color: var(--mainColor-turkis);
	box-shadow: 9999px 0 0 -10px var(--mainColor-turkis);
	animation: dotPulse 1.5s infinite linear;
	animation-delay: 0.25s;
}
.dot-pulse::before,
.dot-pulse::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: var(--mainColor-turkis);
	color: var(--mainColor-turkis);
}
.dot-pulse::before {
	box-shadow: 9974px 0 0 -10px var(--mainColor-turkis);
	animation: dotPulseBefore 1.5s infinite linear;
	animation-delay: 0s;
}
.dot-pulse::after {
	box-shadow: 10024px 0 0 -10px var(--mainColor-turkis);
	animation: dotPulseAfter 1.5s infinite linear;
	animation-delay: 0.5s;
}
@keyframes dotPulseBefore {
	0% {
		box-shadow: 9974px 0 0 -10px var(--mainColor-turkis);
	}
	30% {
		box-shadow: 9974px 0 0 2px var(--mainColor-turkis);
	}
	60%,
	100% {
		box-shadow: 9974px 0 0 -10px var(--mainColor-turkis);
	}
}
@keyframes dotPulse {
	0% {
		box-shadow: 9999px 0 0 -10px var(--mainColor-turkis);
	}
	30% {
		box-shadow: 9999px 0 0 2px var(--mainColor-turkis);
	}
	60%,
	100% {
		box-shadow: 9999px 0 0 -10px var(--mainColor-turkis);
	}
}
@keyframes dotPulseAfter {
	0% {
		box-shadow: 10024px 0 0 -10px var(--mainColor-turkis);
	}
	30% {
		box-shadow: 10024px 0 0 2px var(--mainColor-turkis);
	}
	60%,
	100% {
		box-shadow: 10024px 0 0 -10px var(--mainColor-turkis);
	}
}

#mccom-svv-oa-vao-message-container {
	color: #000000;
	background-color: #fff;
	font-size: 1rem;
	display: flex;
	padding: 0 25px;
	padding-bottom: 40px;
	font-weight: 400;
	flex-direction: column;
	z-index: 1;
	position: absolute;
	left: 36px;
	width: 91%;
	top: 8.77em;
	border-radius: 10px;
	border: none;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#mccom-svv-oa-vao-message-container .mccom_SSVW_default_button {
	width: max-content;
	margin-top: 20px;
	display: flex;
	align-self: center;
}
div#mccom-svv-oa-vao-trip-container {
	line-height: 1.7;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
div#mccom-svv-oa-vao-message-title {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--mainColor-turkis);
	border-bottom: 1px dotted #ccc;
	padding: 2% 0%;
	height: 80px;
}
span.mccom-svv-oa-Yourconnection {
	margin-right: 0.4em;
}
.mccom-svv-oa-trip-from-to-at {
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	border-bottom: 1px solid var(--mainColor-lightgray);
	line-height: 1.5;
}
.mccom-svv-oa-trip-from-at {
	display: flex;
	width: 55%;
	flex-direction: column;
	padding-top: 10px;
	padding-left: 25px;
}
.single-mccom_tour2 .mccom-svv-oa-trip-from-at {
	border-left: 3px dotted var(--mainColor-green);
}
.single-mccom_poi .mccom-svv-oa-trip-from-at {
	border-left: 3px dotted var(--mainColor-violett);
}
.mccom-svv-oa-trip-cyrcle {
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
	position: absolute;
	top: -7px;
	left: -14px;
}
.mccom-svv-oa-trip-cyrcle1 {
	width: 13px;
	height: 13px;
	border-radius: 50%;
	position: absolute;
	top: -7px;
	left: -4.5px;
}
.single-mccom_tour2 .mccom-svv-oa-trip-cyrcle1 {
	background-color: var(--mainColor-green);
}
.single-mccom_poi .mccom-svv-oa-trip-cyrcle1 {
	background-color: var(--mainColor-violett);
}
.mccom-svv-oa-trip-to-at {
	padding-top: 10px;
}
span.mccom-svv-oa-trip-destination-time,
span.mccom-svv-oa-trip-origin-time {
	font-size: 1.2rem;
	font-weight: 700;
}
span.mccom-svv-oa-vao-trip-route,
#mccom-svv-oa-vao-message-title {
	font-weight: 600;
}
.mccom-svv-oa-vao-trip-route-am {
	border: 0px solid red;
	margin: 0 5px;
}
/* a#mccom-svv-oa-vao-trip-link {
	display: inline-block;
	background-color: var(--mainColor-turkis);
	color: #fff;
	text-align: center;
	margin: 0 1em;
	padding: 2% !important;
	border-radius: 3px;
	font-size: 1.3em;
	font-weight: 600;
	margin: 1%;
	border: 2px solid var(--mainColor-turkis);
} */
.mccom-svv-oa-trip-title-time {
	display: inline-block;
	background-color: #fff;
	width: 4em;
	text-align: center;
	margin: 0 1em;
	border-radius: 3px;
}
a#mccom-svv-oa-vao-trip-link {
	padding: 10px 0;
	margin: 40px 1% 1% 1%;
}

/**---------------- CONTENT SINGLE PAGE ---------------- */
/* Description and Tour / POI Attributes  */
#mccom_SVVW_erfahren_container_info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 40px;
	margin: 0 10%;
	margin-top: 80px;
	align-items: flex-start;
}
.mccom_SSVW_erfahren_attributes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-radius: 12px;
	gap: 1px;
	overflow: hidden;
	background: var(--mainColor-darkgray);
}
.mccom_SSVW_erfahren_attributes:has(> .season:last-child)
	> :nth-last-child(2):nth-child(3n + 1) {
	grid-column: 1 / -1;
}
.mccom_SSVW_erfahren_attributes:has(> .season:last-child)
	> :nth-last-child(2):nth-child(3n + 2) {
	grid-column: 2 / -1;
}
.mccom_SSVW_erfahren_attributes.poi > :last-child:nth-child(3n + 1) {
	grid-column: 1 / -1;
}
.mccom_SSVW_erfahren_attributes.poi > :last-child:nth-child(3n + 2) {
	grid-column: 2 / -1;
}
.mccom_SVVW_erfahren_info.white {
	background-color: #fff;
	padding-top: 0;
	align-items: baseline;
}
.mccom_SVVW_erfahren_info {
	display: flex;
	background: var(--mainColor-lightgray);
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
}
.mccom_SVVW_erfahren_info.strecke-type:first-child {
	margin-top: 0;
}
.mccom_SVVW_icon img {
	margin-bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	filter: brightness(0) saturate(100%) invert(67%) sepia(0%) saturate(0%)
		hue-rotate(177deg) brightness(92%) contrast(83%);
}
.mccom_SVVW_icon.disabled img {
	opacity: 0.1;
}
.mccom_SVVW_icon,
.mccom-svv-oa-tour-button-level {
	height: 50px;
	width: 50px;
}
.mccom_SVVW_icon.herbst {
	width: 85% !important;
	text-align: center;
}
.mccom_SVVW_icon.herbst img {
	width: 85% !important;
}
.mccom_SVVW_icon.level,
.mccom-svv-oa-tour-button-level {
	border-radius: 100%;
}
.mccom_SVVW_icon.level img {
	filter: brightness(0) saturate(100%) invert(78%) sepia(100%) saturate(2%)
		hue-rotate(162deg) brightness(110%) contrast(100%);
}
.mccom_SVVW_icon.level.leicht {
	background-color: var(--mainColor-turkis);
}
.mccom_SVVW_icon.level.mittel,
.mccom_SVVW_icon.level.unbekannt {
	background-color: var(--mainColor-red);
}
.mccom_SVVW_icon.level.schwer {
	background-color: var(--mainColor-black);
}
.mccom_SVVW_erfahren_info.season {
	grid-column: span 3;
}
.mccom_SVVW_erfahren_info.season .mccom_SVVW_icon_container {
	display: grid;
	grid-template-columns: repeat(4, 25%);
	grid-gap: 10px;
}
.mccom_SVVW_erfahren_info_text {
	text-align: center;
	font-weight: 600;
	padding-bottom: 0;
	margin-top: 10px;
}
#mccom_SVVW_erfahren_description_image {
	background-image: url(/wp-content/uploads/2020/07/bg-illu-berge-alm-wiese-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 84%;
	max-width: 1500px;
	margin: 0 auto;
	min-height: 26em;
}
#mccom_SVVW_erfahren_description_subHeadline {
	font-weight: bold;
	margin: 20px 0;
}
#mccom_SVVW_erfahren_description_button {
	grid-column-start: 2;
	margin-top: 40px;
}
/*Gallery*/
#mccom_SVVW_erfahren_gallery_container {
	width: 100%;
	height: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	grid-gap: 10px;
}
.mccom_SVVW_erfahren_gallery_item {
	height: 21.8em;
	border: 1px solid;
}
#mccom_SVVW_erfahren_gallery_button_container {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 1em;
}
#mccom_SVVW_erfahren_gallery_container .mccom_SVVW_erfahren_gallery_item_img {
	height: 450px !important;
	object-fit: cover !important;
	border-radius: 10px;
	width: 100%;
}
.mccom_SVVW_erfahren_gallery_item_img[src=""] {
	display: none;
}
/* Further Content */
#mccom_SVVW_erfahren_container_furtherContent {
	margin-top: 80px;
	align-items: center;
}
#mccom_SVVW_erfahren_container_furtherContent h3 {
	margin-bottom: 20px;
}
#mccom_SVVW_erfahren_wrap_content {
	margin: 0 10%;
	margin-top: 80px;
}
.mccom_SSWV_flex_container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 40px;
	margin-bottom: 60px;
	align-items: flex-start;
}
.mccom_SVVW_erfahren_furtherContent.poi {
	margin-bottom: 40px;
}
#mccom_SVVW_erfahren_furtherContent_app {
	padding: 40px;
	background-color: var(--mainColor-lightgray);
	border-radius: 10px;
	height: max-content;
}
#mccom_SVVW_erfahren_furtherContent_app p {
	padding-bottom: 0;
}
.maplibregl-canvas {
	border-radius: 10px;
}
.comments-section {
	display: none;
}
/*Previous Post away*/
.blog_next_prev_buttons.wpb_row.vc_row-fluid.full-width-content.standard_section {
	display: none;
}
/*legend and haftausschuss*/
.mccom_SVVW_erfahren_legend_haftausschuss {
	margin-top: 40px;
	width: 50%;
}
/*MAP AND HÖHENPROFIL*/
#oax-api-elpro .alp-tpwiz-elpro-legend-distance .alp-tpwiz-eld-cont {
	width: 100%;
	height: 23px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
#oax-api-elpro {
	border: 3px solid var(--mainColor-lightgray);
	padding: 20px;
	border-radius: 10px;
}
/*--------------------------- ÜbersichtsSeite ---------------------------*/
#mccom-svv-oa-list-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	width: 100%;
}
.mccom-svv-oa-tour-container {
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0, 0, 0, 0.3) !important;
	width: 100%;
	height: 250px;
	padding: 8px;
	border-radius: 10px;
}
.mccom-svv-oa-tour-button-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 4px 0;
}
.mccom-svv-oa-tour-button-level {
	background: var(--mainColor-lightgray);
	color: white;
	margin-left: 6px;
	margin-bottom: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
	font-weight: 700;
}
.mccom-svv-oa-tour-button-level img {
	margin-bottom: 0 !important;
}
.mccom-svv-oa-tour-button-time {
	width: 92px;
	height: 38px;
	background: transparent;
	color: white;
	margin-left: 6px;
	margin-bottom: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
	font-weight: 700;
	border-right: 1px solid white;
}
.mccom-svv-oa-tour-button-length {
	width: 92px;
	height: 38px;
	background: transparent;
	color: white;
	margin-left: 6px;
	margin-bottom: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
	font-weight: 700;
	border-left: 0px solid white;
}
.mccom-svv-oa-tour-title {
	color: white;
	font-size: 1.5rem;
	font-weight: 600;
	margin-left: 15px;
	margin-top: 13px;
	line-height: 1.2em;
	word-break: break-word;
}
.mccom-svv-oa-tour-container-a,
.mccom-svv-oa-tour-container-b {
	width: 100%;
	height: 50%;
}
.mccom-svv-oa-tour-container-a {
	display: flex;
	align-items: center;
	margin-top: 11px;
}
.mccom-svv-oa-tour-container-b {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 10px;
	padding-right: 10px;
}

/*---------------------------------------Filter style-------------------------------------------------*/
/* Wrapper der "slided" */
.mccom-svv-oa-filters-slide {
	opacity: 1;
	transition: max-height 280ms ease, opacity 180ms ease;
}
/* Nur Startseite collapsed */
#mccom_svv_oa_filter_container_fieldset.is-start-collapsed {
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	height: 0;
	border-radius: 0;
	/* display: none; */
	visibility: hidden;
}
#mccom_svv_oa_filter_container_fieldset.all.startseite {
	position: absolute;
	width: 100%;
}
/* Startseite: collapsed */
.mccom-svv-oa-filters-slide.is-collapsed {
	max-height: 0;
	opacity: 0;
}
.mccom-svv-oa-filter-switch-wrapper {
	margin-bottom: 20px;
	width: 100%;
}
.mccom-svv-oa-filter-switch-wrapper
	#filter-switch
	button.mccom-selectlike__button {
	background-color: var(--mainColor-turkis) !important;
	color: #fff !important;
	border: none !important;
	background-image: url("./arrow_down_white.svg");
}
.mccom-svv-oa-filter-switch-label {
	font-weight: 600;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 20px;
	color: var(--mainColor-black);
}
#mccom_svv_oa_filter_container_fieldset {
	background-color: #e2e2e2;
	padding: 70px 50px 50px;
	margin-bottom: 50px;
	border-radius: 10px;
	margin-top: -30px;
}
#mccom-svv-oa-filter-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mccom-svv-oa-single-filter-container {
	width: 100%;
	margin-bottom: 20px;
}
.mccom-svv-oa-single-filter-container.checkbox {
	height: 55px !important;
}
.mccom-svv-oa-single-filter-container.checkbox label {
	cursor: pointer;
	width: 100%;
	height: 100%;
	font-weight: 600;
	padding: 10px 15px 10px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mccom-svv-oa-single-filter-container.checkbox input,
.mccom-selectlike__item input {
	appearance: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 2px solid var(--mainColor-black);
}
.mccom-svv-oa-single-filter-container.checkbox input:checked,
.mccom-selectlike__item input:checked {
	background-color: rgb(0, 125, 163);
	border-color: rgb(0, 125, 163);
}
/* CHECKMARK */
.mccom-svv-oa-single-filter-container.checkbox input:checked::before {
	content: "\e007";
	color: #fff;
	display: block;
	font-size: 25px;
	position: relative;
	top: -3px;
	left: -5px;
	font-weight: 600;
}
.mccom-svv-oa-single-filter-container.checkbox input::before {
	display: none;
}
#mccom_svv_oa_filter_container_fieldset
	.mccom-svv-oa-single-filter-container.checkbox:has(
		input[type="checkbox"]:checked
	)
	.mccom-svv-oa-filter-button {
	color: #fff;
}

/* ACTIVE Inputs */
#mccom_svv_oa_filter_container_fieldset.wandern
	.mccom-svv-oa-single-filter-container.checkbox
	input:checked,
#mccom_svv_oa_filter_container_fieldset.wandern
	.mccom-selectlike__item
	input:checked {
	background-color: var(--mainColor-green);
	border-color: var(--mainColor-green);
}
#mccom_svv_oa_filter_container_fieldset.pois
	.mccom-svv-oa-single-filter-container.checkbox
	input:checked,
#mccom_svv_oa_filter_container_fieldset.pois
	.mccom-selectlike__item
	input:checked {
	background-color: var(--mainColor-violett);
	border-color: var(--mainColor-violett);
}
#mccom_svv_oa_filter_container_fieldset
	.mccom-svv-oa-single-filter-container.checkbox
	input:checked,
#mccom_svv_oa_filter_container_fieldset .mccom-selectlike__item input:checked {
	background-color: var(--mainColor-turkis);
	border-color: var(--mainColor-turkis);
}
#mccom_svv_oa_filter_container_fieldset.wandern
	.mccom-svv-oa-single-filter-container.checkbox:has(
		input[type="checkbox"]:checked
	),
#mccom_svv_oa_filter_container_fieldset.wandern
	.mccom-svv-oa-single-filter-container.active
	.mccom-selectlike__button {
	background-color: var(--mainColor-green);
	border: 2px solid var(--mainColor-green) !important;
	color: #fff;
}
#mccom_svv_oa_filter_container_fieldset
	.mccom-svv-oa-single-filter-container.active
	.mccom-selectlike__button {
	background-image: url("./arrow_down_white.svg");
}
#mccom_svv_oa_filter_container_fieldset.pois
	.mccom-svv-oa-single-filter-container.checkbox:has(
		input[type="checkbox"]:checked
	),
#mccom_svv_oa_filter_container_fieldset.pois
	.mccom-svv-oa-single-filter-container.active
	.mccom-selectlike__button {
	background-color: var(--mainColor-violett);
	border: 2px solid var(--mainColor-violett) !important;
	color: #fff;
}
#mccom_svv_oa_filter_container_fieldset.all
	.mccom-svv-oa-single-filter-container.checkbox:has(
		input[type="checkbox"]:checked
	),
#mccom_svv_oa_filter_container_fieldset.all
	.mccom-svv-oa-single-filter-container.active
	.mccom-selectlike__button {
	background-color: var(--mainColor-turkis);
	border: 2px solid var(--mainColor-turkis) !important;
	color: #fff;
}
.mccom-svv-oa-single-filter-container select,
.mccom-svv-oa-single-filter-container.checkbox,
.mccom-svv-oa-single-filter-container .mccom-selectlike__button {
	appearance: none;
	cursor: pointer;
	border-radius: 30px !important;
	box-shadow: unset !important;
	border: 2px solid var(--mainColor-black) !important;
	height: auto;
}
/* REPLACE IMAGE URL WITH LOCAL ASSET */
.mccom-svv-oa-single-filter-container select,
.mccom-svv-oa-single-filter-container .mccom-selectlike__button {
	background: transparent;
	background-image: url("./arrow-down.svg");
	background-repeat: no-repeat;
	background-position-x: 95%;
	background-position-y: 50%;
}
.mccom-svv-oa-single-filter-container select option,
.mccom-svv-oa-single-filter-container select,
.mccom-svv-oa-single-filter-container .mccom-selectlike__button,
.mccom-svv-oa-hinweise {
	font-size: 20px !important;
	font-weight: 600 !important;
}
.mccom-svv-oa-hinweise {
	margin-bottom: 20px;
}
/* Pseudo Select with Checkboxes */
.mccom-svv-oa-single-filter-container .mccom-selectlike__button {
	width: 100%;
	text-align: left;
	padding: 10px 30px;
	height: auto;
}
.mccom-svv-oa-single-filter-container .mccom-selectlike {
	position: relative;
	width: 100%;
}
/* Pseudo Checkbox Dropdown Open */
.mccom-svv-oa-single-filter-container .mccom-selectlike__menu {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 6px);
	z-index: 100;
	background: #fff;
	border: 2px solid var(--mainColor-black);
	border-radius: 14px;
	padding: 10px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
/* Scrollbar Styling Select */
.mccom-svv-oa-single-filter-container.category .mccom-selectlike__menu {
	max-height: 350px;
	border-radius: 20px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: content-box;
}
.mccom-svv-oa-single-filter-container.category
	.mccom-selectlike__menu::-webkit-scrollbar {
	width: 8px;
}
.mccom-svv-oa-single-filter-container.category
	.mccom-selectlike__menu::-webkit-scrollbar-track {
	background: transparent;
}
.mccom-svv-oa-single-filter-container.category
	.mccom-selectlike__menu::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 10px;
}
.mccom-svv-oa-single-filter-container.category.active
	.mccom-selectlike__button {
	height: auto;
	padding-right: 45px;
}
.mccom-svv-oa-single-filter-container
	.mccom-selectlike__menu
	.mccom-selectlike__group,
.mccom-svv-oa-single-filter-container .mccom-selectlike__item span {
	font-weight: 600;
}
.mccom-svv-oa-single-filter-container .mccom-selectlike__group {
	border-bottom: 2px solid;
	margin: 10px 0;
}
.mccom-svv-oa-single-filter-container .mccom-selectlike__item span,
.mccom-svv-oa-single-filter-container select option,
.mccom-svv-oa-single-filter-container select,
.mccom-svv-oa-single-filter-container .mccom-selectlike__button,
.mccom-svv-oa-hinweise,
.mccom-svv-oa-single-filter-container .mccom-selectlike__group {
	color: var(--mainColor-black);
}
.mccom-svv-oa-single-filter-container .mccom-selectlike__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 5px 6px;
	cursor: pointer;
}
.mccom-selectlike__option {
	width: 100%;
	text-align: left;
	background: transparent;
	border: 0;
	padding: 5px 8px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	color: var(--mainColor-black);
}
.mccom-selectlike__option:hover {
	background: rgba(0, 0, 0, 0.06);
	border-radius: 10px;
}
/* Level indicator in filter */
#mccom-dd-level .mccom-selectlike__option  {
	display: flex;
    align-items: center;
}
#mccom-dd-level .level-indicator {
	height: 20px;
	width: 20px;
	border-radius: 100%;
	margin-right: 10px;
}
#mccom-dd-level .level-indicator.leicht {
	background-color: var(--mainColor-turkis);
}
#mccom-dd-level .level-indicator.mittel {
	background-color: #E2001A;
}
#mccom-dd-level .level-indicator.schwer {
	background-color: #1a181d;
}
/* Filter Button Group */
.mccom-svv-oa-button-group {
	display: flex;
	margin-top: 40px;
	flex-direction: column;
}
.mccom-svv-oa-filter-button {
	font-weight: 600;
	font-size: 20px;
	cursor: pointer;
	color: var(--mainColor-black);
	word-break: break-word;
	hyphens: auto;
}
#mccom_svv_oa_filter_container_fieldset #mccom-svv-oa-apply {
	color: #fff;
	background-color: var(--mainColor-turkis);
	border: none;
	padding: 10px 20px !important;
	border-radius: 30px !important;
	min-width: 150px;
	font-size: 20px;
}
#mccom_svv_oa_filter_container_fieldset #mccom-svv-oa-apply:hover {
	background-color: var(--mainColor-turkis) !important;
}
#mccom_svv_oa_filter_container_fieldset.wandern #mccom-svv-oa-apply,
#mccom_svv_oa_filter_container_fieldset.wandern #mccom-svv-oa-apply:hover {
	background-color: var(--mainColor-green) !important;
}
#mccom_svv_oa_filter_container_fieldset.pois #mccom-svv-oa-apply,
#mccom_svv_oa_filter_container_fieldset.pois #mccom-svv-oa-apply:hover {
	background-color: var(--mainColor-violett) !important;
}
#mccom-svv-oa-filter-reset-container button {
	border: none;
	background-color: transparent;
	color: var(--mainColor-black) !important;
	background-image: url("./arrow-counter-clockwise.svg");
	background-repeat: no-repeat;
	padding-left: 30px;
	filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%)
		hue-rotate(324deg) brightness(96%) contrast(104%);
	background-position-y: 7px;
}

/*Searchfunction*/
#mccom-svv-oa-filter-search {
	width: 60%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	position: relative;
	z-index: 100 !important;
	margin-top: 1.1em;
	margin-bottom: 0 !important;
}
#mccom-svv-oa-search-container {
	padding: 10px 30px;
	border-radius: 100px;
	display: flex;
	width: 100%;
}
#mccom-svv-oa-search-container .mccom-svv-oa-search-icon-group,
#mccom-svv-oa-search-container {
	display: flex;
}
.mccom-svv-oa-search-icon-group {
	align-items: center;
}
.mccom-svv-oa-search-icon-group img {
	margin-bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
.mccom-image-container,
.mccom-svv-oa-search-icon-group .mccom-card-link {
	height: 53px !important;
	width: 53px !important;
}
.mccom-svv-oa-search-icon-group .search-icon {
	padding-right: 15px;
	border-right: 2px solid white;
}
.mccom-svv-oa-search-icon-group .mccom-card-link {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%)
		hue-rotate(181deg) brightness(106%) contrast(101%);
	padding-left: 15px;
}
#ajax-content-wrap #mccom-svv-oa-filter-search input[type="text"] {
	color: #fff;
	padding: 0 !important;
	background-color: var(--mainColor-turkis);
	font-size: 25px;
	font-weight: 600 !important;
}
#ajax-content-wrap #mccom-svv-oa-filter-search input[type="text"]:focus {
	border: none;
	box-shadow: none;
}
#ajax-content-wrap #mccom-svv-oa-filter-search.wandern input[type="text"],
#mccom-svv-oa-filter-search.wandern #mccom-svv-oa-search-container {
	background-color: var(--mainColor-green);
}
#ajax-content-wrap #mccom-svv-oa-filter-search.pois input[type="text"],
#mccom-svv-oa-filter-search.pois #mccom-svv-oa-search-container {
	background-color: var(--mainColor-violett);
}
#mccom-svv-oa-filter-search.all #mccom-svv-oa-search-container {
	background-color: var(--mainColor-turkis);
}
#mccom-svv-oa-filter-search input[type="text"]::placeholder {
	color: #fff;
	opacity: 0.56 !important;
}