section.m25_kontaktstorer {
	z-index: 0;
}

section.m25_kontaktstorer[data-variante="v2"][data-auskragung="1"] {
	padding-top: 0;
	padding-bottom: calc(var(--desktop_padding) / 2);
}

body[data-title="Startseite"] section.m25_kontaktstorer[data-variante="v2"] .pattern_container {
	height: calc(var(--desktop_padding) * 2);
}

section.m25_kontaktstorer[data-variante="v2"][data-auskragung="1"] .pattern_container {
	height: calc(100% - 120px);
	top: auto;
	bottom: 0;
}


/* for full width map */
section.m25_kontaktstorer .m25_karte { 
	max-width: none;
	height: 730px;
}



section.m25_kontaktstorer	.m25_allgemeine_daten_formular_container {
	gap: 60px 0;
	justify-content: space-between;
	align-items: center;
}

/* === variante 1 : Box, Text, Karte === */
section.m25_kontaktstorer[data-variante="v1"] .m25_kontaktstorer_main {
	position: relative;
	z-index: 2;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_text_allgemeine_daten_container * {
	color: var(--white);
}

section.m25_kontaktstorer[data-variante="v1"] .m25_text_allgemeine_daten_container svg {
	fill: var(--yellow);
}

section.m25_kontaktstorer[data-variante="v1"]	.m25_allgemeine_daten_text_container_inner {
	margin-left: 110px;
	width: calc(100% - 260px - 110px);  /* 260 - gap right, 110 - gap left  */
	background-color: var(--dark_blue);
	padding: 78px 50px 57px;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_allgemeine_daten_text_container {
	align-items: center;
	margin-top: -60px;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_title_text_formular_container {
	padding: 60px 0;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_text_container {
	hyphens: auto;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_firmierung {
	font-weight: 600;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_route_link {
	display: inline-flex;
	align-items: center;
	margin-top: 19px;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_route_link span{
	color: var(--yellow);
}

section.m25_kontaktstorer[data-variante="v1"] .m25_route_link svg {
	width: 17px;
	margin-left: 9px;
	transition: margin .4s;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_route_link:hover svg {
	margin-left: 14px;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_offnungszeiten_container {
	margin-top: 40px;
	padding-top: 48px;
	border-top: 1px solid rgba(164, 174, 182, 0.3);
}

section.m25_kontaktstorer[data-variante="v1"] .m25_offnungszeiten_items{
	margin-top: 5px;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_offnungszeiten_item{
	display:flex;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_offnungszeiten_tage_container{
	margin-right: 5px;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_karte {
	width: 100%;
	display: inline-block;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_karte_container {
	margin-top: -60px;
	position: relative;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_karte_container:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: linear-gradient(
		to bottom,
		var(--background_color) 0%,
		transparent 100%
	);
	z-index: 1;
	pointer-events: none;
}

section.m25_kontaktstorer[data-variante="v1"] .m25_karte,
section.m25_kontaktstorer[data-variante="v1"] .wpgmza_map {
	height: 610px !important;
}
/* *** */



/* === variante 2 : Box Kontaktformular === */
section.m25_kontaktstorer[data-variante="v2"][data-auskragung="1"] .m25_kontaktstorer_main {
	margin-top: -120px;
}

section.m25_kontaktstorer[data-variante="v2"] .m25_kontaktstorer_main {
	padding: 120px 110px;
	background-color: var(--yellow);
}

section.m25_kontaktstorer[data-variante="v2"] .m25_beschriftung_container,
section.m25_kontaktstorer[data-variante="v2"] .m25_text_container_inner {
	max-width: 650px;
}

section.m25_kontaktstorer[data-variante="v2"] .m25_text_container {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 30px 20px;
}

section.m25_kontaktstorer[data-variante="v2"] .m25_pflichtfelder {
	font-size: 0.875rem;
}

section.m25_kontaktstorer[data-variante="v2"] .m25_title_text_formular_container:has(.m25_title_text_container) .m25_shortcode_formular_container {
	margin-top: 55px;
	padding-top: 60px;
	border-top: 1px solid rgba(4, 36, 56, 0.5);
}

section.m25_kontaktstorer[data-variante="v2"] .form_fields {
	/* width: calc(50% + 140px); */
	width: calc(100% - 140px);
}

section.m25_kontaktstorer[data-variante="v2"] .form_container {
	justify-content: space-between;
}

section.m25_kontaktstorer[data-variante="v2"] .wpcf7-form-control:not(.submit_btn) {
	border-color: var(--dark_blue);
}

section.m25_kontaktstorer[data-variante="v2"] .submit_accept_container {
	margin-top: 43px;
}

section.m25_kontaktstorer[data-variante="v2"] .wpcf7-acceptance label:before {
	border-color: var(--dark_blue);
}

section.m25_kontaktstorer[data-variante="v2"] .wpcf7-acceptance label:has(input.checked):before {
	background-color: var(--dark_blue);
}

section.m25_kontaktstorer[data-variante="v2"] .wpcf7-form-control.filled, 
section.m25_kontaktstorer[data-variante="v2"] .wpcf7-form-control:focus {
	background-color: #f4a033
}

section.m25_kontaktstorer[data-variante="v2"] .cf7_formular_inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

body.single-produkte section.m25_kontaktstorer {
	background: #fff;
	padding-top: 0;
}

@media screen and (min-width: 2000px) {
	section.m25_kontaktstorer .m25_karte,
	section.m25_kontaktstorer[data-variante="v1"] .m25_karte,
	section.m25_kontaktstorer[data-variante="v1"] .wpgmza_map {
		height: 660px !important;
	}
}

@media screen and (min-width: 2200px) {
	section.m25_kontaktstorer .m25_karte,
	section.m25_kontaktstorer[data-variante="v1"] .m25_karte,
	section.m25_kontaktstorer[data-variante="v1"] .wpgmza_map {
		height: 710px !important;
	}
}

@media screen and (max-width: 1599px) {
	section.m25_kontaktstorer[data-variante="v1"] .m25_allgemeine_daten_text_container_inner {
		margin-left: 50px;
		width: calc(100% - 100px - 50px);  /* 100px - gap right, 50px - gap left  */
	}
	
	section.m25_kontaktstorer .m25_karte,
	section.m25_kontaktstorer[data-variante="v1"] .m25_karte,
	section.m25_kontaktstorer[data-variante="v1"] .wpgmza_map {
		height: 510px !important;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .form_fields {
		/* width: 50%; */
		width: calc(100% - 100px);
	}
}

@media screen and (max-width: 1399px) {
	section.m25_kontaktstorer[data-variante="v2"] .form_container {
		flex-direction: column;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .form_fields {
		width: 100%;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .cf7_formular_inner {
		flex-direction: column;
		align-items: start;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .form_submit {
		margin-top: 35px;
	}
}

@media screen and (max-width: 1199px) {
	section.m25_kontaktstorer[data-variante="v1"] .m25_allgemeine_daten_text_container_inner {
		margin-left: 0;
		width: calc(100% -  50px - 0px);  /* 50px - gap right, 0px - gap left  */
	}
	
	section.m25_kontaktstorer .m25_karte,
	section.m25_kontaktstorer[data-variante="v1"] .m25_karte,
	section.m25_kontaktstorer[data-variante="v1"] .wpgmza_map {
		height: 460px !important;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .m25_text_container {
		flex-direction: column;
		align-items: start;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .m25_pflichtfelder {
		text-align: end;
		width: 100%;
	}
}

@media screen and (max-width: 991px) {
	section.m25_kontaktstorer[data-variante="v2"][data-auskragung="1"] {
		padding-bottom: calc(var(--tablet_padding) / 2);
	}
	
	section.m25_kontaktstorer .pattern_container {
		height: calc(var(--tablet_padding) * 2);
	}
	
	section.m25_kontaktstorer[data-variante="v1"] .m25_allgemeine_daten_text_container_inner {
		width: 100%;
	}
	
	section.m25_kontaktstorer[data-variante="v1"] .m25_text_allgemeine_daten_container {
		padding-top: var(--tablet_padding);
	}
	
	section.m25_kontaktstorer[data-variante="v1"] .m25_allgemeine_daten_text_container {
		margin-top: 0;
		align-items: start;
		flex-direction: column-reverse;
	}
	
	section.m25_kontaktstorer[data-variante="v1"] .m25_title_text_formular_container {
		padding: 0;
	}
	
	section.m25_kontaktstorer[data-variante="v1"] .m25_karte_container {
		margin-top: var(--tablet_padding);
	}
	
	section.m25_kontaktstorer[data-variante="v2"][data-auskragung="1"] .m25_kontaktstorer_main {
		margin-top: -81px;
	}
	
	section.m25_kontaktstorer[data-variante="v2"][data-auskragung="1"] .pattern_container {
		height: calc(100% - 81px);
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .m25_kontaktstorer_main {
		padding: 78px 50px;
	}
}

@media screen and (max-width: 767px) {
	section.m25_kontaktstorer .m25_karte,
	section.m25_kontaktstorer[data-variante="v1"] .m25_karte,
	section.m25_kontaktstorer[data-variante="v1"] .wpgmza_map {
		height: 410px !important;
	}
	
	body.single-produkte section.m25_kontaktstorer[data-variante="v2"],
	body[data-title="Montage"] section.m25_kontaktstorer[data-variante="v2"] {
		padding-bottom: 0;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] {
		padding-top: 0;
	}
	
	section.m25_kontaktstorer[data-variante="v2"][data-auskragung="1"] .m25_kontaktstorer_main {
		margin-top: 0;
	}
	
	section.m25_kontaktstorer[data-variante="v2"][data-auskragung="1"] .pattern_container {
		height: 100%;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .m25_kontaktstorer_main {
		padding: var(--tablet_padding) 0;
	}
	
	section.m25_kontaktstorer[data-variante="v2"]>.mM_container {
		max-width: none;
		padding: 0;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .m25_allgemeine_daten_text_container {
		max-width: 540px;
		margin: 0 auto;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .form_container.form_thema {
		position: relative;
	}
		
	section.m25_kontaktstorer[data-variante="v2"] .form_container.form_thema .wpcf7-form-control-wrap {
		overflow: scroll;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .form_container.form_thema:after {
		content: '';
		width: 60px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		background: linear-gradient(
			to left,
			var(--yellow) 0%,
			transparent 100%
		);
		pointer-events: none;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .form_container.form_thema .wpcf7-form-control.wpcf7-radio {
		flex-wrap: nowrap;
	}
}

@media screen and (max-width: 575px) {
	section.m25_kontaktstorer[data-variante="v2"][data-auskragung="1"] {
		padding-bottom: calc(var(--mobile_padding) / 2);
	}
	
	section.m25_kontaktstorer .pattern_container {
		height: calc(var(--mobile_padding) * 2);
	}
	
	section.m25_kontaktstorer[data-variante="v1"] .m25_text_allgemeine_daten_container {
		padding-top: var(--mobile_padding);
	}
	
	section.m25_kontaktstorer[data-variante="v1"] .m25_allgemeine_daten_text_container_inner {
		padding: 38px 25px;
	}
	
	section.m25_kontaktstorer[data-variante="v1"] .m25_karte_container {
		margin-top: var(--mobile_padding);
	}
	
	section.m25_kontaktstorer .m25_karte,
	section.m25_kontaktstorer[data-variante="v1"] .m25_karte,
	section.m25_kontaktstorer[data-variante="v1"] .wpgmza_map {
		height: 330px !important;
	}
	
	section.m25_kontaktstorer[data-variante="v1"] .m25_offnungszeiten_container,
	section.m25_kontaktstorer[data-variante="v2"] .m25_title_text_formular_container:has(.m25_title_text_container) .m25_shortcode_formular_container {
		margin-top: 20px;
		padding-top: 25px;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .m25_allgemeine_daten_text_container {
		max-width: none;
		padding: 0 20px;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .m25_kontaktstorer_main {
		padding: var(--mobile_padding) 0;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .cf7_formular_items {
		width: 100%;
	}
	
	section.m25_kontaktstorer[data-variante="v2"] .form_submit {
		margin-top: 35px;
	}
}

@media screen and (max-width: 379px) {
	section.m25_kontaktstorer[data-variante="v1"] .m25_allgemeine_daten_text_container_inner {
		padding: 23px 15px;
	}
}

@media screen and (max-width: 289px) {
	section.m25_kontaktstorer[data-variante="v1"] .m25_offnungszeiten_item {
		margin-bottom: 5px;
		flex-direction: column;
	}
}