section.m33_standorte {
	/* margin-top: 145.6px; */
	background: linear-gradient(195deg,rgba(38, 38, 38, 1) 0%, rgba(0, 0, 0, 1) 100%);
	overflow: hidden;
	position: relative;
}

section.m33_standorte div#m33Map {
	height: 500px;
}

section.m33_standorte .m33_titel {
	color: #fff;
	margin-bottom: 14px;
}

section.m33_standorte .m33_suche {
	background: rgba(0, 0, 0, .85);
	display: flex;
	justify-content: space-between;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100vw;
	padding: 21px 0;
	gap: 19px;
	margin-top: 50px;
}

section.m33_standorte .m33_suche:before {
	content: '';
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 80%);
	height: 75px;
	width: 100vw;
	position: absolute;
	left: 0;
	top: -75px;
}

section.m33_standorte .m33_plz_search input {
	background: #191919;
	border: 1px solid #ef7d00;
	border-radius: 4px;
	color: rgba(255, 255, 255, .5);
	padding: 12px 19px;
	outline: none;
	transition: border-color .4s;
}

section.m33_standorte .m33_plz_search input:focus,
section.m33_standorte .m33_plz_search input:active {
	border-color: #ef7d00;
}

section.m33_standorte .m33_trigger_automatic_search svg {
	height: 18px;
	width: 18px;
	fill: #fff;
	transition: fill .4s;
}

section.m33_standorte .m33_trigger_automatic_inner:hover svg {
	fill: #ef7d00;
}

section.m33_standorte .m33_trigger_automatic_search p {
	color: #fff;
	font-family: 'HandelGotD' !important;
	text-transform: uppercase;
	margin-bottom: 0;
	transition: color .4s;
	line-height: 30px;
}

section.m33_standorte .m33_trigger_automatic_inner:hover p {
	color: #ef7d00;
}

section.m33_standorte .m33_trigger_automatic_search {
	display: inline-block;
}

section.m33_standorte .m33_trigger_automatic_inner {
	display: flex;
	align-items: center;
	gap: 16px;
	box-shadow: 0px 5px 25px rgba(239, 125, 0, .44);
	padding: 12px 31px 14px;
	cursor: pointer;
	justify-content: center;
}

/* Kacheln Start */

section.m33_standorte .m33_store_icon {
	height: 20px;
}

section.m33_standorte .m33_store_icon svg {
	height: 19px;
}

section.m33_standorte .m33_store_name {
	color: #fff;
	font-size: 1rem;
	line-height: 1;
	font-weight: 700;
	width: 100%;
}

section.m33_standorte .m33_titel_container {
	display: flex;
	align-items: center;
	gap: 9px;
	max-width: calc(100% - 183px - 9px);
}

section.m33_standorte .m33_haendlerlist_row {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

section.m33_standorte .m33_heandlerlist_single {
	width: calc(33.3333% - ((9px * 2) / 3));
}

section.m33_standorte .m33_titel_address {
	display: flex;
	justify-content: space-between;
}

section.m33_standorte .m33_open_till {
	display: flex;
	align-items: center;
	gap: 7px;
}

section.m33_standorte .m33_open_till .m33_open_text {
	color: #fff;
}

section.m33_standorte .m33_open_dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	transition: background .4s;
}

section.m33_standorte .m33_heandlerlist_single .m33_open_dot {
	background: #7af000;
}

/* section.m33_standorte .m33_heandlerlist_single.closed .m33_open_dot {
	background: #f04438;
} */

section.m33_standorte .m33_address p {
	color: #fff;
	font-size: .833rem;
}

section.m33_standorte .m33_leistung_item {
	color: #fff;
	background: #191919;
	border: 1px solid #313131;
	border-radius: 13px;
	padding: 7px 12px;
	line-height: 1;
	font-size: .833rem;
}

section.m33_standorte .m33_leistungen {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 20px;
}

section.m33_standorte .m33_heandlerlist_single {
	border: 1px solid #313131;
	border-radius: 4px;
	padding: 11px 18px 19px 14px;
	transition: background .4s, border-color .4s;
	cursor: pointer;
}

section.m33_standorte .m33_heandlerlist_single:hover {
	border-color: #fff;
}

section.m33_standorte .m33_heandlerlist_single.open {
	background: linear-gradient(195deg,rgba(122, 240, 0, 0.15) 0%, rgba(25, 25, 25, 1) 80%);
}

section.m33_standorte .m33_heandlerlist_single.closed {
	background: linear-gradient(195deg,rgba(239, 125, 0, 0.45) 0%, rgba(25, 25, 25, 1) 80%);
}

section.m33_standorte .m33_heandlerlist_single.open.coming_soon_standort,
section.m33_standorte .m33_heandlerlist_single.closed.coming_soon_standort,
section.m33_standorte .m33_heandlerlist_single.coming_soon_standort {
	background: linear-gradient(195deg,rgba(255, 255, 255, 0.45) 0%, rgba(25, 25, 25, 1) 80%);
}

section.m33_standorte .m33_standorteliste {
	margin-top: 16px;
}

section.m33_standorte .m33_verlinkung {
	width: 100%;
}

section.m33_standorte .m33_titel_container {
	width: 100%;
}

@media screen and (max-width: 1399px) {
	section.m33_standorte .m33_heandlerlist_single {
		width: calc(50% - (9px / 2));
	}
}

@media screen and (max-width: 991px) {
	section.m33_standorte .m33_heandlerlist_single {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	section.m33_standorte .m33_open_till .m33_open_text {
		font-size: .833rem;
	}
	
	section.m33_standorte .m33_leistungen {
		margin-top: 11px;
	}
	
	section.m33_standorte .m33_titel_container {
		max-width: calc(100% - 155px - 9px);
		width: 100%;
	}
	
	.m33_store_name {
		width: calc(100% - 16px - 9px);
	}
}

@media screen and (max-width: 525px) {
	section.m33_standorte .m33_titel_container {
		max-width: 100%;
		width: 100%;
	}
}

/* Kacheln Ende */

section.m33_standorte .m33_fallback_title h2 {
	margin-bottom: 13px;
}

section.m33_standorte .m33_fallback_link {
	margin-top: 28px;
}

section.m33_standorte .m33_fallback_title h2,
section.m33_standorte .m33_fallback_text * {
	color: #fff;
}

section.m33_standorte .m33_fallback_message {
	text-align: center;
	width: calc(100% - 40px);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
}

section.m33_standorte .m33_fallback_link .button.primary {
	background: #3d3d3d;
	border: 1px solid #525252;
	color: #fff;
	padding: 5px 22px;
	transition: background .4s, border-color .4s;
}

section.m33_standorte .m33_fallback_link .button.primary:hover {
	background: #ef7d00;
	border-color: #ef7d00;
}

section.m33_standorte .m33_fallback_link.m33_fallback_link_shop .button.primary {
	background: #ef7d00;
	border: 1px solid #ef7d00;
	color: #fff;
	padding: 5px 22px;
	transition: background .4s, border-color .4s, color .4s;
}

section.m33_standorte .m33_fallback_link.m33_fallback_link_shop .button.primary:hover {
	background: #fff;
	border-color: #fff;
	color: #ef7d00;
}

section.m33_standorte .m33_fallback_title,
section.m33_standorte .m33_fallback_text,
section.m33_standorte .m33_fallback_link {
	position: relative;
	z-index: 2;
}

section.m33_standorte .m33_fallback_background {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	z-index: 1;
}

section.m33_standorte .m33_standortesuche {
	transition: height .4s, opacity .4s;
}

section.m33_standorte.fallback .m33_standortesuche {
	height: 0;
	opacity: 0;
}

section.m33_standorte.fallback {
	height: 100vh;
}

section.m33_standorte.fallback .m33_suche {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	
}

section.m33_standorte .m33_suche_mobil {
	display: none;
}

section.m33_standorte .m33_suche_desktop {
	position: relative !important;
	background: transparent;
}

section.m33_standorte .m33_suche_desktop:before {
	display: none;
}

section.m33_standorte .m33_fallback_links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

@media screen and (max-width: 767px) {
	section.m33_standorte .m33_suche {
		flex-direction: column;
	}
	
	section.m33_standorte .m33_plz_search input {
		width: 100%;
	}
	
	section.m33_standorte .m33_fallback_background {
		width: 150vw;
	}
	
	section.m33_standorte .m33_suche_desktop {
		display: none;
	}
	
	section.m33_standorte .m33_suche_mobil {
		display: flex;
	}
}

@media screen and (max-width: 575px) {
	section.m33_standorte div#m33Map {
		height: 400px;
	}
	
	section.m33_standorte .m33_suche {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

@media screen and (max-width: 525px) {
	section.m33_standorte .m33_titel_address {
		flex-direction: column;
	}
	
	section.m33_standorte .m33_trigger_automatic_inner {
		padding: 12px;
	}
	
	section.m33_standorte .m33_trigger_automatic_search p {
		text-align: center;
		font-size: .833rem;
	}
	
	section.m33_standorte .m33_trigger_automatic_search svg {
		display: none;
	}
	
	section.m33_standorte .m33_fallback_title h2 {
		font-size: 1.5125rem;
	}
	
	section.m33_standorte .m33_fallback_links {
		flex-direction: column;
		gap: 0;
	}
}