/* section.m38_locations .m38_locations_region,
section.m38_locations .m38_map {
	position: relative;
} */

/* section.m38_locations .m38_locations_region:before,
section.m38_locations .m38_map:before {
	content: '';
	background-color: #edeff0;
	position: absolute;
	inset: 0; left: 50%;
	width: 100vw;
	
	pointer-events: none;
	z-index: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
} */

/* section.m38_locations .m38_locations_region>*,
section.m38_locations .m38_map>* {
	position: relative;
	z-index: 1;
} */

body.page-id-1139 section.m38_locations {
	padding-top: 0;
	padding-bottom: 0;
}

/* locations region filter top */
section.m38_locations .m38_locations_region {
	padding-top: 50px;
}

section.m38_locations .m38_region_row {
	gap: 20px;
}

section.m38_locations .mM_button.primary {
	background: #fff;
	padding: 17px;
	padding-left: 40px;
	text-align: left;
	justify-content: flex-start;
	border: 1px solid transparent;
}

section.m38_locations .m38_location_region_item {
	-webkit-transition: color .4s, background .4s, -webkit-transform .4s, box-shadow .4s, border-color .4s;
	-moz-transition: color .4s, background .4s, -moz-transform .4s, box-shadow .4s, border-color .4s;
	-ms-transition: color .4s, background .4s, -ms-transform .4s, box-shadow .4s, border-color .4s;
	-o-transition: color .4s, background .4s, -o-transform .4s, box-shadow .4s, border-color .4s;
	transition: color .4s, background .4s, transform .4s, box-shadow .4s, border-color .4s;
}

section.m38_locations .m38_location_region_item:hover,
section.m38_locations .m38_location_region_item[data-active="true"] {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	
	box-shadow: 0 0 38px 11px rgba(0, 0, 0, 0.15);
}

section.m38_locations .m38_location_region_item[data-active="true"] {
	border-color: #d4d5d6;
}

section.m38_locations .mM_button.primary .mM_button_icon {
	width: 46px;
	height: 46px;
	gap: 0 17px;
	
	transition: background-color .4s;
}

section.m38_locations .mM_button.primary * {
	color: #004f9f;
	fill: #12335b;
	font-size: 1.375rem;
	font-weight: 600;
}

/* section.m38_locations .m38_region_row:has(.m38_location_region_item[data-active="true"]) .m38_location_region_item:not([data-active="true"]):not(:hover) .mM_button_icon,
section.m38_locations .m38_region_row:has(.m38_location_region_item:hover) .m38_location_region_item:not(:hover):not([data-active="true"]) .mM_button_icon {
	background: rgba(255, 223, 1, 0.5);
} */

/* section.m38_locations .m38_region_row:has(.m38_location_region_item[data-active="true"]) .m38_location_region_item:not([data-active="true"]):not(:hover) *,
section.m38_locations .m38_region_row:has(.m38_location_region_item:hover) .m38_location_region_item:not(:hover):not([data-active="true"]) * {
	color: rgba(0, 79, 159, 0.5);
} */

section.m38_locations .mM_button.primary svg {
	width: 19px;
	-webkit-transform: translateX(-17px);
	-moz-transform: translateX(-17px);
	-ms-transform: translateX(-17px);
	-o-transform: translateX(-17px);
	transform: translateX(-17px);
}

section.m38_locations .mM_button.primary[data-active="true"] svg {
	-webkit-transform: translateX(17px);
	-moz-transform: translateX(17px);
	-ms-transform: translateX(17px);
	-o-transform: translateX(17px);
	transform: translateX(17px);
}
/* end locations region filter top */


/* map */
section.m38_locations .m38_map {
	padding-top: 78px;
	padding-bottom: 100px;
}

section.m38_locations .m38_locations_map {
	height: 600px;
}
/* end map */

/* start location active (text/contact persons) */
section.m38_locations .m38_location_active {
	position: relative;
	padding: 89px 0 100px;
}

section.m38_locations .m38_location_active:before {
	content: '';
	background-color: #f8f9fa;
	position: absolute;
	inset: 0; left: 50%;
	width: 100vw;
	
	pointer-events: none;
	z-index: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

section.m38_locations .m38_location_active>*{
	position: relative;
	z-index: 1;
}

/* start active text top */
section.m38_locations .m38_location_active_title_text_container {
	margin-bottom: 94px;
}

section.m38_locations .m38_titel {
	margin-bottom: 38px;
}

section.m38_locations .m38_text_container {
	width: 50%;
}
/* end active text top */


/* start contact persons */
section.m38_locations .m38_location_ap_container {
	background: #fff;
	padding: 93px 100px 100px;
}

section.m38_locations .m38_location_filter_title_container {
	margin-bottom: 17px;
}

section.m38_locations .m38_locations_row {
	gap: 20px;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

section.m38_locations .m38_location_location_filter_container {
	margin-bottom: 40px;
}

section.m38_locations .m38_location_item {
	padding: 20px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	background: transparent;
	cursor: pointer;
	-webkit-transition: border-color .4s, background .4s;
	-moz-transition: border-color .4s, background .4s;
	-ms-transition: border-color .4s, background .4s;
	-o-transition: border-color .4s, background .4s;
	transition: border-color .4s, background .4s;
}

section.m38_locations .m38_location_item:hover,
section.m38_locations .m38_location_item[data-active="true"] {
	background: #ebf5ff;
	border-color: #004f9f;
}

section.m38_locations .m38_location_item_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 13px;
}

section.m38_locations .m38_location_item_inner svg,
section.m38_locations .m38_location_item_inner img {
	width: 24px;
}

section.m38_locations .m38_location_title {
	font-weight: 600;
	color: #004f9f;
	font-size: 1rem;
}

section.m38_locations .m38_location_zip_search_container {
	margin-bottom: 50px;
}

section.m38_locations .m38_location_zip_search_label {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

section.m38_locations .m38_location_zip_search_label_title_container,
section.m38_locations .m38_location_zip_search_input_container {
	width: 50%;
}

section.m38_locations .m38_location_zip_search_input_container {
	padding-left: 51px;
}

section.m38_locations .m38_location_zip_search_input {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	padding: 13px 22px;
}

section.m38_locations .m38_location_zip_search_input,
section.m38_locations .m38_location_zip_search_input::placeholder {
	font-family: 'IBMPlexSans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: var(--font_size);
	line-height: 1.5;
	color: var(--font_color);
}

section.m38_locations .m38_location_zip_search_input::placeholder {
	opacity: 1;
}


section.m38_locations .m38_contact_persons_row {
	gap: 45px 20px;
}

section.m38_locations .m38_contact_persons_row:has(.m38_service_map_container) {
	justify-content: center;
}

section.m38_locations .m38_service_map_container {
	text-align: center;
	width: 100%;
	max-width: 100%;
	flex: 0 0 auto;
}

section.m38_locations .m38_service_map_container img {
	width: 50%;
}

section.m38_locations .m38_image {
	height: 218px;
}

section.m38_locations .m38_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.m38_locations .m38_title_stelle_container {
	padding-top: 30px;
}

section.m38_locations .m38_stelle p {
	font-weight: 500;
}

section.m38_locations .m38_title {
	margin-bottom: 17px;
}

section.m38_locations .m38_title * {
	font-size: 1.375rem;
	color: #004f9f;
}

section.m38_locations .m38_contact_container {
	margin-top: 14px;
}

section.m38_locations .m38_email {
	margin-top: 11px;
}

section.m38_locations .m38_contact .m38_contact_wrapper {
	display: inline-flex;
	align-items: baseline;
	gap: 11px;
}

section.m38_locations .m38_contact svg {
	min-width: 16px;
	width: 16px;
	fill: #6baee6;
}

section.m38_locations .m38_contact .m38_contact_wrapper p {
	margin: 0;
	/* width: calc(100% - 16px - 11px); */
	transition: color .4s;
}

section.m38_locations .m38_contact .m38_contact_wrapper:hover p {
	color: #004f9f;
}

section.m38_locations .m38_oeffnungszeiten_container {
	margin-top: 12px;
	font-size: 0.90625rem;
}

section.m38_locations .m38_oeffnungszeiten_item:not(:last-child) {
	margin-bottom: 2px;
}

section.m38_locations .m38_oeffnungszeiten_titel {
	cursor: pointer;
	position: relative;
	display: inline-block;
	padding: 2px 15px 2px 0;
}

section.m38_locations .m38_oeffnungszeiten_titel:after {
	content: '';
	position: absolute;
	right: 5px;
	top: 50%;
	border-top: 3px solid var(--font_color);
	border-left: 2.5px solid transparent;
	border-right: 2.5px solid transparent;
	
	-webkit-transform: translateY(-50%) rotateX(0) rotate(0deg);
	-moz-transform: translateY(-50%) rotateX(0) rotate(0deg);
	-ms-transform: translateY(-50%) rotateX(0) rotate(0deg);
	-o-transform: translateY(-50%) rotateX(0) rotate(0deg);
	transform: translateY(-50%) rotateX(0) rotate(0deg);
	
	-webkit-transition: -webkit-transform .4s;
	-moz-transition: -moz-transform .4s;
	-ms-transition: -ms-transform .4s;
	-o-transition: -o-transform .4s;
	transition: transform .4s;
}

section.m38_locations .m38_oeffnungszeiten_item.active .m38_oeffnungszeiten_titel:after,
section.m38_locations .m38_oeffnungszeiten_titel:hover:after {
	-webkit-transform: translateY(-50%) rotateX(180deg) rotate(0deg);
	-moz-transform: translateY(-50%) rotateX(180deg) rotate(0deg);
	-ms-transform: translateY(-50%) rotateX(180deg) rotate(0deg);
	-o-transform: translateY(-50%) rotateX(180deg) rotate(0deg);
	transform: translateY(-50%) rotateX(180deg) rotate(0deg);
}

section.m38_locations .m38_oeffnungszeiten_zeiten {
	display: none;
}

section.m38_locations .m38_service_map_container .service_map_group {
	cursor: pointer;
}

section.m38_locations .m38_service_map_container .service_map_group path:first-child {
	fill: #eeeff1;
}

section.m38_locations .m38_service_map_container .service_map_group path:last-child {
	fill: #b9c1cd;
}

section.m38_locations.blue_filter_buttons .m38_location_item:hover,
section.m38_locations .m38_location_item[data-active="true"] {
	background: #004f9f;
	color: #fff;
}

section.m38_locations.blue_filter_buttons .m38_location_item:hover .m38_location_title,
section.m38_locations .m38_location_item[data-active="true"] .m38_location_title {
	color: #fff;
}

/* RESPONSIVE */
@media screen and (min-width: 2200px) {
	section.m38_locations .m38_locations_map {
		height: 700px;
	}
	
	section.m38_locations .m38_image {
		height: 268px;
	}
}

@media screen and (min-width: 2400px) {
	section.m38_locations .m38_locations_map {
		height: 800px;
	}
	
	section.m38_locations .m38_image {
		height: 318px;
	}
}

@media screen and (max-width: 1399px) {
	section.m38_locations .m38_contact svg {
		min-width: 14px;
		width: 14px;
	}
}

@media screen and (max-width: 1199px) {
	section.m38_locations .m38_location_region_item,
	section.m38_locations .m38_item,
	section.m38_locations .m38_location_item {
		width: calc(50% - 10px);
	}
	
	section.m38_locations .m38_service_map_container img {
		width: 75%;
	}
}

@media screen and (max-width: 991px) {
	section.m38_locations .m38_location_ap_container {
		padding: 53px 50px 60px;
	}
	
	section.m38_locations .m38_text_container {
		width: 100%;
	}
	
	section.m38_locations .m38_location_zip_search_label_title_container, 
	section.m38_locations .m38_location_zip_search_input_container {
		width: 100%;
	}
	
	section.m38_locations .m38_location_zip_search_input_container {
		padding-left: 0;
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	section.m38_locations .m38_location_region_item, 
	section.m38_locations .m38_item,
	section.m38_locations .m38_location_item {
		width: 100%;
	}
	
	section.m38_locations .m38_service_map_container img {
		width: 100%;
	}
	
	section.m38_locations .m38_map {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	section.m38_locations .m38_locations_map {
		height: 450px;
	}
	
	section.m38_locations .m38_region_row,
	section.m38_locations .m38_locations_row {
		gap: 10px;
	}
	
	section.m38_locations .m38_locations_row {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	
	section.m38_locations .m38_location_item {
		padding: 15px;
	}
	
	section.m38_locations .mM_button.primary {
		padding: 12px;
		padding-left: 30px;
	}
	
	section.m38_locations .m38_location_region_item:hover, 
	section.m38_locations .m38_location_region_item[data-active="true"] {
		-webkit-transform: translateX(10px);
		-moz-transform: translateX(10px);
		-ms-transform: translateX(10px);
		-o-transform: translateX(10px);
		transform: translateX(10px);
		
		box-shadow: 0 0 27px 8px rgba(0, 0, 0, 0.2);
	}
	
	section.m38_locations .m38_location_active {
		padding: 50px 0;
	}
	
	section.m38_locations .m38_location_active_title_text_container {
		padding-bottom: 44px;
	}
	
	section.m38_locations .m38_location_ap_container {
		padding: 33px 35px;
	}
	
	section.m38_locations .m38_location_active_title_text_container,
	section.m38_locations .m38_location_location_filter_container,
	section.m38_locations .m38_contact_persons_row {
		max-width: 540px;
		/* margin: 0 auto; */
	}
	
	section.m38_locations .m38_service_region_button:not(:last-child) {
		margin-bottom: 20px;
	}
	
	section.m38_locations .m38_image {
		height: 268px;
	}
	
	section.m38_locations .m38_location_active_title_text_container {
		margin-bottom: 0;
	}
}
	
@media screen and (max-width: 575px) {
	section.m38_locations .m38_contact .m38_contact_wrapper p {
		hyphens: auto;
	}
	
	section.m38_locations .m38_email {
		margin-top: 7px;
	}
	
	section.m38_locations .m38_location_active_title_text_container, 
	section.m38_locations .m38_location_location_filter_container, 
	section.m38_locations .m38_contact_persons_row {
		max-width: none;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	section.m38_locations .mM_button.primary * {
		font-size: 1rem;
	}
	
	section.m38_locations .mM_button.primary .mM_button_icon {
		width: 34px;
		height: 34px;
		
		gap: 0 10px;
	}
	
	section.m38_locations .mM_button.primary .mM_button_icon svg {
		width: 14px;
		min-width: 14px;
		
		-webkit-transform: translateX(-12px);
		-moz-transform: translateX(-12px);
		-ms-transform: translateX(-12px);
		-o-transform: translateX(-12px);
		transform: translateX(-12px);
	}
	
	section.m38_locations .mM_button.primary[data-active="true"] svg {
		-webkit-transform: translateX(12px);
		-moz-transform: translateX(12px);
		-ms-transform: translateX(12px);
		-o-transform: translateX(12px);
		transform: translateX(12px);
	}
	
	section.m38_locations .m38_location_ap_container {
		padding: 23px 0;
	}
}
/* END RESPONSIVE */