
section.m67_faq {
	/* height: 1475px; */
	background: url('../../../img/faq_background.png') no-repeat;
	background-size: 100% 100%;
	padding-top: 87px;
	padding-bottom: 375px;
	margin-bottom: -375px;
}

section.m67_faq .mM_post_type_title_container {
	margin-bottom: 31px;
}

section.m67_faq .mM_post_type_post {
	cursor: pointer;
}

section.mM_post_type .mM_row {
	gap: 10px;
}

section.m67_faq .mM_post_type_post_content {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, .3);
	padding: 19px 33px;
}

section.m67_faq .mM_post_type_filter_items {
	justify-content: center;
	gap: 14px;
	width: 100%;
	margin: 0;
}

section.m67_faq .mM_post_type_filter_item:not(:last-child) {
	margin-right: 0;
}

section.m67_faq .mM_post_type_filter_item {
	border: 1px dashed rgba(255, 255, 255, .3);
	border-radius: 50px;
	background-color: transparent;
	transition: background .4s;
	padding: 14px 28px 10px;
}

section.m67_faq .mM_post_type_filter_item:hover,
section.m67_faq .mM_post_type_filter_item.active {
	background: #0d3540;
}

section.m67_faq .mM_post_type_filter_item p {
	color: #fff;
	text-align: center;
	transition: color .4s, opacity .4s;
}

section.m67_faq .mM_post_type_filter_item:not([data-id="0"]) p {
	opacity: .5;
}

section.m67_faq .mM_post_type_filter_item:hover p,
section.m67_faq .mM_post_type_filter_item.active p {
	opacity: 1
}

section.m67_faq .mM_post_type_filter_item[data-id="0"] {
	background: #ff5b4a;
	border: 1px solid #ff5b4a;
}

section.m67_faq .mM_post_type_filter_item[data-id="0"]:hover {
	background: transparent;
}

section.m67_faq .mM_post_type_sort_container {
	display: flex;
	justify-content: end;
	align-items: center;
	width: 20%;
}

section.m67_faq .mM_post_type_sort_select_wrapper {
	position: relative;
	display: flex;
}

section.m67_faq .mM_post_type_sort_container select {
	min-width: 185px;
	border: none;
	background: transparent;
	outline: none;
	-webkit-appearance: none;
	cursor: pointer;
}

section.m67_faq .mM_post_type_sort_container select,
section.m67_faq .mM_post_type_sort_container select * {
	font-size: 1rem;
	color: #495057;
}

section.m67_faq .mM_post_type_post_image_container {
	height: 200px;
}

section.m67_faq .mM_post_type_post_text_content_container {
	padding: 0;
}

section.m67_faq .mM_post_type_post_link_container {
	display: none;
}

section.m67_faq .pagination_item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 51px;
	height: 51px;
	color: #0d3540;
	border: 1px solid #0d3540;
	border-radius: 3px;
	transition: color .4s, background .4s;
}

section.m67_faq .pagination_item.mM_d_none {
	display: none;
}

section.m67_faq .pagination_item:hover,
section.m67_faq .pagination_item.pagination_active {
	color: #fff;
	background: #0d3540;
}

section.m67_faq .pagination_item:not(:first-child) {
	margin-left: 10px;
}

section.m67_faq .pagination_control {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 51px;
	height: 51px;
	border: 1px solid #b1bec2;
	border-radius: 3px;
	transition: background .4s, border-color .4s;
}

section.m67_faq .pagination_control.active {
	background: #dee2e6;
	border-color: #dee2e6;
}

section.m67_faq .pagination_control:not(.active) {
	pointer-events: none;
}

section.m67_faq .pagination_control svg {
	fill: #a0a4a8;
	width: 12px;
	min-width: 12px;
	height: 11px;
	min-height: 11px;
	transition: fill .4s;
}

section.m67_faq .pagination_control.active svg {
	fill: #0d3540;
}

section.m67_faq .pagination_prev_one {
	margin-right: 25px;
}

section.m67_faq .pagination_prev_one svg {
	transform: rotate(180deg);
}

section.m67_faq .pagination_next_one {
	margin-left: 25px;
}

section.m67_faq .mM_post_type_load_more_container,
section.m67_faq .mM_post_type_pagination {
	margin-top: 45px;
}

section.m67_faq .mM_post_type_sort_container .mM_custom_select .mM_select_selected {
	padding: 0;
	padding-right: 15px;
	background-color: transparent;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: none;
	font-size: inherit;
	line-height: 1.5;
	position: relative;
}

section.m67_faq .mM_post_type_sort_container .mM_custom_select .mM_select_arrows {
	top: 50%;
	right: 0;
	width: unset;
	height: unset;
	border: none;
	border-radius: 0;
	transform: translateY(-50%);
}

section.m67_faq .mM_post_type_sort_container .mM_custom_select .mM_select_items {
	left: auto;
	right: 0;
	border: none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	padding: 0;
	width: 218px;
	margin-top: 0;
	box-shadow: none;
	background-color: #f8f9fa;
	border-color: transparent;
	/* border: 1px solid transparent; */
	border-radius: 3px;
	transition: border-color .4s;
}

section.m67_faq .mM_post_type_sort_container .mM_custom_select .mM_select_items:not(.mM_select_hide) {
	border-color: #0d3540;
}

section.m67_faq .mM_post_type_sort_container .mM_custom_select .mM_select_item {
	padding: 0 10px;
}

section.m67_faq .mM_post_type_sort_container .mM_custom_select .mM_select_item:first-child {
	padding-top: 15px;
	margin: 0;
}

section.m67_faq .mM_post_type_sort_container .mM_custom_select .mM_select_item:last-child {
	padding-bottom: 15px;
	margin-bottom: 0;
}

section.m67_faq .mM_post_type_sort_container .mM_custom_select:has(.mM_select_arrow_active) .mM_select_items {
	box-shadow: inset -4px 0 4px -2px #e6e8eb, 
				inset 4px 0 4px -2px #e6e8eb,
				inset 0 -4px 4px -2px #e6e8eb,
				inset 0 4px 4px -2px #e6e8eb;
}

section.m67_faq .mM_post_type_title_container h2 {
	color: #fff;
	margin-bottom: 0;
}

section.m67_faq .mM_post_type_top {
	margin-bottom: 32px;
}

section.m67_faq .mM_post_type_post_text_container {
	display: none;
	margin-top: 16px;
}

section.m67_faq .mM_post_type_post[data-cat="Startklar & Betreuung"] .mM_post_type_post_content,
section.m67_faq .mM_post_type_filter_item[data-cat-name="Startklar & Betreuung"]:hover,
section.m67_faq .mM_post_type_filter_item[data-cat-name="Startklar & Betreuung"].active {
	background: rgba(51, 59, 126, .5);
}

section.m67_faq .mM_post_type_post[data-cat="Sicher unterwegs"] .mM_post_type_post_content,
section.m67_faq .mM_post_type_filter_item[data-cat-name="Sicher unterwegs"]:hover,
section.m67_faq .mM_post_type_filter_item[data-cat-name="Sicher unterwegs"].active {
	background: rgba(102, 108, 173, .5);
}

section.m67_faq .mM_post_type_post[data-cat="Was steckt drin?"] .mM_post_type_post_content,
section.m67_faq .mM_post_type_filter_item[data-cat-name="Was steckt drin?"]:hover,
section.m67_faq .mM_post_type_filter_item[data-cat-name="Was steckt drin?"].active {
	background: rgba(26, 32, 94, .5);
}

section.m67_faq .mM_post_type_post[data-cat="Warum wir?"] .mM_post_type_post_content,
section.m67_faq .mM_post_type_filter_item[data-cat-name="Warum wir?"]:hover,
section.m67_faq .mM_post_type_filter_item[data-cat-name="Warum wir?"].active {
	background: rgba(144, 153, 204, .5);
}

section.m67_faq .mM_post_type_post_title_text_container * {
	color: #fafafe;
}

section.m67_faq .mM_post_type_post_icon {
	position: relative;
	display: block;
	width: 31px;
	min-width: 31px;
	height: 31px;
	min-height: 31px;
	border: 1px solid #fff;
	border-radius: 50%;
}

section.m67_faq .mM_post_type_post_title_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

section.m67_faq .mM_post_type_post_title_container p {
	padding-right: 15px;
	margin-bottom: -3px;
}

section.m67_faq .mM_post_type_post_icon:before,
section.m67_faq .mM_post_type_post_icon:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	transition: opacity .3s;
}

section.m67_faq .mM_post_type_post_icon:before {
	width: 10px;
	height: 2px;
}

section.m67_faq .mM_post_type_post_icon:after {
	width: 2px;
	height: 10px;
}

section.m67_faq .mM_post_type_post.active .mM_post_type_post_icon:after {
	opacity: 0;
}

section.m67_faq .mM_post_type_middle {
	margin-bottom: 45px;
}

@media all and (max-width: 991px) {
	section.m67_faq .mM_post_type_filter_container,
	section.m67_faq .mM_post_type_filter_items {
		flex-wrap: wrap;
	}
	
	section.m67_faq .mM_post_type_filter_items {
		gap: 10px;
	}
	
	section.m67_faq .mM_post_type_filter_items,
	section.m67_faq .mM_post_type_sort_container {
		width: 100%;
	}
	
	section.m67_faq .mM_post_type_filter_item {
		width: calc(50% - 5px);
	}
	
	section.m67_faq .mM_post_type_sort_container {
		justify-content: start;
		margin-top: 30px;
	}
	
	section.m67_faq .mM_post_type_sort_container .mM_custom_select .mM_select_items {
		left: 0;
		right: auto;
	}
}

@media all and (max-width: 767px) {
	
}

@media all and (max-width: 575px) {
	section.m67_faq .mM_post_type_post_content {
		padding: 19px 20px;
	}
	
	section.m67_faq .mM_post_type_filter_item {
		padding: 14px 20px 10px;
	}
}

@media all and (max-width: 475px) {
	section.m67_faq .mM_post_type_filter_item {
		width: 100%;
		border: none;
		border-radius: 0;
	}
	
	section.m67_faq .mM_post_type_filter_item_control_wrapper {
		border: 1px solid #ff5b4a;
		border-top: 0;
		border-radius: 0 0 25px 25px;
	}
	
	@keyframes radiusSmooth {
	  from { border-radius: 50px; }
	  to   { border-radius: 25px 25px 0 0; }
	}
	
	section.m67_faq .mM_post_type_filter_mobile_active {
		display: flex;
		justify-content: center;
		border: 1px solid #ff5b4a;
		padding: 14px 10px 12px;
		background: #ff5b4a;
		border-radius: 50px;
		  transition-property: background, border-radius;
		  transition-duration: .4s, 0s;
		  transition-timing-function: ease, ease;
		  transition-delay: 0s, .38s; /* Radius wartet 0.6s -> erst nach SlideDown */
		  /* optional, hilft optisch */
		  overflow: hidden;
		  will-change: border-radius, background;
	}
	
	section.m67_faq .mM_post_type_filter_mobile_active:hover {
		background: transparent;
	}
	
	section.m67_faq .mM_post_type_filter_items.opened .mM_post_type_filter_mobile_active {
		border-radius: 25px 25px 0 0;
		transition-delay: 0s, 0s;
	}
	
	section.m67_faq .mM_post_type_filter_mobile_text {
		color: #fff;
	}
	
	section.m67_faq .mM_post_type_filter_item[data-id="0"] {
		background: #ff5b4a;
		border: none;
	}
	
	section.m67_faq .mM_post_type_filter_item[data-id="0"]:hover {
		background: transparent;
	}
	
	section.m67_faq .mM_post_type_post_title_text_container * {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
		word-break: break-word;
	}
}

@media all and (max-width: 375px) {
	section.m67_faq .pagination_prev_one {
		margin-right: 10px;
	}
	
	section.m67_faq .pagination_next_one {
		margin-left: 10px;
	}
	
	section.m67_faq .mM_post_type_post_image_container {
		height: 185px;
	}
}

@media all and (max-width: 335px) {
	section.m67_faq .mM_post_type_pagination_control_container,
	section.m67_faq .mM_post_type_main_link svg {
		display: none;
	}
	
	section.m67_faq .mM_post_type_main_link {
		padding: 20px 15px 15px;
	}
}
