.m36_data section.m36_lieferungscheck .mM_container{
	max-width: none;
	padding: 0;
	margin: 0;
}

section.m36_lieferungscheck {
	background-color: #3846a3;
}

section.m36_lieferungscheck *:not(.mM_button):not(.mM_link) {
	color: #e8eefb;
}

section.m36_lieferungscheck .m36_icon_titel_text_container {
	width: calc(50% + 90px);
	gap: 40px 0;
	align-items: end;
}

section.m36_lieferungscheck .m36_icon_container {
	width: 164px;
	min-width: 164px;
	margin-right: 54px;
}

section.m36_lieferungscheck .m36_icon_container img {
	display: block;
}

section.m36_lieferungscheck .m36_titel_text_container {
	padding-bottom: 4px;
}

section.m36_lieferungscheck .m36_text_container {
	font-size: .88rem;
}



section.m36_lieferungscheck .m36_input_container {
	width: calc(50% - 90px);
	justify-content: end;
	align-items: center;
}

section.m36_lieferungscheck .m36_input_inner {
	display: flex;
	justify-content: end;
	align-items: center;
	width: calc(100% - 95px);
	position: relative;
}

section.m36_lieferungscheck .m36_input_inner:before,
section.m36_lieferungscheck .m36_input_inner:after {
	content: '';
	position: absolute;
	right: calc(67px + 19px);  /* 19px next to button */
	top: 50%;
	transform: translateY(-50%);
	background-size: 23px 21px;
	width: 23px;
	min-width: 23px;
	height: 21px;
	min-height: 21px;
	pointer-events: none;
	opacity: 0;
	transition: opacity .4s;
}

section.m36_lieferungscheck .m36_input_inner:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b90d1f74-273b-44b9-b74d-dd4bec25aeaa' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 376 391.28'%3E%3Cpath class='cls-1' d='M247.85,9.15C132.87-28.96,24.87,57.26,3.76,169.81c-22.96,105.46,62.32,222.12,172.62,221.46,215.97-5.94,281.67-305.08,71.48-382.12ZM174.05,344.03c-67.46,2.2-114.87-57.53-125.92-119.52-10.41-65.43,42.32-160.31,109.16-175.66,55.35-9.57,116.07,8.84,147.76,57.23,23.3,35.02,30.56,78.32,19.96,119.02-17.3,67.15-80.44,121.07-150.96,118.93h0ZM258.67,110.05c-14.22-11.33-22.72-4.07-29.32,2.89-16.44,17.33-30.49,32.28-47.5,50.59-.87.86-2.28.85-3.14-.02-.01-.01-.03-.03-.04-.04-14.01-14.92-23.24-35.07-39.33-48.13-4.23-4.78-11.04-6.32-16.91-3.81-13.82,5.82-26.87,17.68-16.49,31.42,6.59,8.73,12.9,18.08,19.16,26.33,7.33,9.67,13.66,17,20.82,27.16,4.56,6.46,5.67,4.83-4.16,16.33-10.37,11.22-20.17,22.95-29.36,35.15-4.32,5.47-10.78,10.61-11.8,17.65-1.35,10.96,10.69,22.31,20.16,25.81,10.95,3.76,19.1-6.65,25.96-13.36,9.8-10.22,17.75-21.05,27.34-31.28,4.6-5.07,6.47-.46,11.84,6.21,8.18,10.15,24.45,32.91,35.32,40,6.2,4.37,16.49-.5,21.1-4.69,7.58-6.89,14.39-16.81,6.72-28.15-11.21-16.57-20.02-28.1-30.94-43.77-8.88-12.74-9.53-12.59-2.1-21.44,7.99-9.51,28.2-33.36,41.09-47.74,9.68-10.8,16.42-25.26,1.56-37.11Z' style='fill: %23db8e8e'/%3E%3C/svg%3E");
}

section.m36_lieferungscheck .m36_input_inner:after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 505 449.89'%3E%3Cpath d='M34.71,121.69c-6.4,11.7-11.81,23.9-15.91,36.6-2.5,6.2-3.5,12.8-5.2,19.2-1.8,6.3-2.4,13.3-3.4,20.1l-.7,5.1-.3,2.5-.1,2.3-.3,9.3-.2,4.6-.1,2.3v3.2l.6,9.9.7,9.9c.4,3.3,1,6.5,1.6,9.8l1.6,9.8c.5,3.3,1.6,6.4,2.4,9.6,4.3,23.3,12.61,46.3,25.41,66.9,12.71,20.6,29.22,39.1,48.53,54.2,19.31,15.1,41.42,26.9,65.04,34.5l18.01,4.8c6.1,1.4,12.71,2.2,19.11,3.2l4.8.7,4.2.3,8.4.5,4.2.2,2.1.1,1.1.1h2.2l9.31-.4c49.63-2.1,98.25-22.6,134.67-56.2,18.31-16.7,33.62-36.6,45.22-58.5,5.9-11,10.61-22.2,14.61-34.3l2.8-9.3,1.4-4.7c.4-1.5.6-2.8.9-4.2l1.8-8.2.9-4.1.2-1,.4-2,.4-2.3c1.5-8.8-1.3-22.8-3.8-27-2.4-4.1-4.7-3.4-6.7.1-2.1,3.6-4.1,10-6.4,17.5-8.2,24.6-19.01,49.9-35.42,72.6-16.31,22.7-37.02,43.4-61.63,58.5-29.22,18.8-63.83,27.8-98.15,27.5h-1.1l-1.5-.1-3.5-.2-7-.5-7-.5c-2.2-.3-4.1-.7-6.1-1.1-4-.8-8-1.4-12.01-2.2l-12.31-3.4c-16.11-5.3-31.92-11.9-45.92-21.6-14.01-9.5-27.21-20.3-38.02-33.4-10.81-12.9-20.61-26.9-27.31-42.5-6.8-15.6-12.21-31.8-14.41-48.6l-1.1-6.3c-.3-2.1-.3-4.2-.5-6.3l-.4-6.4-.2-3.2-.1-1.6-.1-.8v-.7l.4-13.3c.1-2.3,0-4.9.3-6.9l.8-6c.8-4,1.1-7.8,2.3-11.9l3.4-12.1c1-4.1,3-7.9,4.3-11.8l2.3-5.9c.8-2,1.9-3.8,2.7-5.7,11.51-23.9,28.32-45.2,48.73-62,20.71-16.5,44.82-28.4,70.44-34.7,51.33-12.9,107.86-1.9,151.18,29.7,15.61,11.1,28.32,23.1,37.22,28.6-19.11,20.1-38.12,40.5-57.23,60.6-30.12,22.5-57.83,48-84.85,74.5-22.01-21.9-44.22-43.7-65.44-66.4-2.5-2.7-9-4.3-12.01-3.8-6,.9-5.6,7.1-3,14.2,8.8,23.5,25.11,46.4,44.22,67.2l25.21,27.7c5.5,6.1,14.91,6.5,20.91,1l1-1c41.22-37.3,82.34-74.7,120.06-116l18.81-17.1c39.22-36.6,77.64-74.1,112.66-114.7,9.91-11.5,15.61-23.7,8.4-29.3-6.6-5.1-18.51-1.9-30.22,8.4-21.11,18.5-42.42,37.1-62.23,57-8.3,8.4-16.51,16.9-24.71,25.4-.7-2.2-1.7-4.5-3-7-4.9-10-14.31-22.6-28.52-34.2-25.41-20.7-56.13-35.6-88.85-42.3l-12.21-1.8-12.91-1.4-11.61-.6h-2l-1.6.1-3.1.1-6.3.2c-4.2.3-8.4.1-12.51.8l-12.41,1.8-6.2.9-6.1,1.5-12.11,3.1c-51.63,15.6-96.25,52-121.97,98.8Z' style='stroke: %2390db8e; stroke-miterlimit: 10; stroke-width: 17px; fill: %2390db8e'/%3E%3C/svg%3E");
}

section.m36_lieferungscheck .m36_input_inner:has(.m36_input.problem):before {
	opacity: 1;
}

section.m36_lieferungscheck .m36_input_inner:has(.m36_input.success):after {
	opacity: 1;
}

section.m36_lieferungscheck .m36_input_inner label.mobile {
	display: none;
}

section.m36_lieferungscheck .m36_input_inner label {
	position: absolute;
	left: calc(47px - 8px);  /* gap from left - padding */
	top: 22px;
	font-size: .88rem;
	color: #fdfdfb;
	pointer-events: none;
	background-color: #3846a3;
	padding: 0 8px;
	
	-webkit-transition: font-size .4s;
	transition: font-size .4s, top .4s, color .4s;
}


section.m36_lieferungscheck .m36_input_inner:has(.m36_input:focus) label,
section.m36_lieferungscheck .m36_input_inner:has(.m36_input.input) label {
/* section.m36_lieferungscheck .m36_input_inner:has(.m36_input.success) label, */
/* section.m36_lieferungscheck .m36_input_inner:has(.m36_input.problem) label { */
	font-size: 0.794rem;
	top: -9px;
	color: #7993e2;
}

section.m36_lieferungscheck .m36_input_inner:has(.m36_input.success) label {
	color: #90db8e;
}

section.m36_lieferungscheck .m36_input_inner:has(.m36_input.problem) label {
	color: #db8e8e;
}

section.m36_lieferungscheck .m36_input {
	width: 100%;
	height: 67px;
	border-radius: 33.5px;
	background: transparent;
	border: 1px solid #7993e2;
	padding: 0 calc(67px + 19px + 23px + 30px) 0 46px;  /* padding right: 67px btn, 30px gap between ico/text,  23px icon, 19px gap between icon/btn */
	
	transition: border-color .4s;
}

section.m36_lieferungscheck .m36_input.input {
	
}

section.m36_lieferungscheck .m36_input.success {
	border-color: #90db8e;
}

section.m36_lieferungscheck .m36_input.problem {
	border-color: #db8e8e;
}

section.m36_lieferungscheck .m36_input,
section.m36_lieferungscheck .m36_input::placeholder {
	color: #fdfdfb;
	font-size: .88rem;
	font-family: 'Brakle', sans-serif;
	font-display: swap;
	font-weight: 300;
	font-style: normal;
	line-height: 1.533;
	letter-spacing: 0.025rem;
}

section.m36_lieferungscheck .m36_enter {
	position: absolute;
	top: 0;
	right: 0;
	width: 67px;
	min-width: 67px;
	height: 67px;
	min-height: 67px;
	background-color: #e8eefb;
	border: 1px solid #e8eefb;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	
	transition: background-color .4s;
}

section.m36_lieferungscheck .m36_enter:hover {
	background-color: transparent;
}

section.m36_lieferungscheck .m36_enter svg {
	rotate: -90deg;
	width: 15px;
	fill: #3846a3;
	
	transition: fill .4s;
}

section.m36_lieferungscheck .m36_enter:hover svg {
	fill: #e8eefb;
}


section.m36_lieferungscheck .m36_results {
	position: relative;
}

section.m36_lieferungscheck .m36_result {
	padding-top: 77px;
	margin-top: 60px;
	border-top: 1px solid #7993e2;
	transition: opacity .4s;
}

section.m36_lieferungscheck .m36_result_main {
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px 40px;
}

section.m36_lieferungscheck .m36_result_titel_text_container {
	/* align-items: baseline; */
}

section.m36_lieferungscheck .m36_result_titel_container,
section.m36_lieferungscheck .m36_result_titel,
section.m36_lieferungscheck .m36_result_text_container {
	display: inline-block;
}


section.m36_lieferungscheck .m36_loader_container {
	position: absolute; 
	inset: 0;
	/* display: flex;  */
	align-items: center;
	 justify-content: center;
	/* background: rgba(251, 248, 241, 0.85); */
	/* background: rgba(121, 147, 226, 0.6); */
	backdrop-filter: blur(1px);
	z-index: 1;
	
	transition: opacity .4s;
}

section.m36_lieferungscheck .m36_loader_container:not(.mM_d_none) {
	display: flex;
}

section.m36_lieferungscheck .m36_loader {
	/* position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(121, 147, 226, 0.6);
	z-index: 1; */
	display:flex; 
	flex-direction:column; 
	align-items:center; 
	gap:.75rem;
}

section.m36_lieferungscheck .m36_milk {
	position: relative; 
	width: 110px; 
	height: 110px;
}

section.m36_lieferungscheck .m36_milk .drop {
  position: absolute; top: 10px;
  /* width: 18px; 
  height: 24px;  */
  width: 16px;
  height: 20px;
  background: #e8eefb;
  border-radius: 50% 50% 60% 60% / 45% 45% 55% 55%; /* Tropfenform */
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.08));
  opacity: 0;
  animation: m36_drip 1.2s ease-in infinite;
}

section.m36_lieferungscheck .m36_milk .drop:nth-child(1){ 
	left: 21%; 
	animation-delay: 0s;  
}

section.m36_lieferungscheck .m36_milk .drop:nth-child(2){
	left: 47%; 
	animation-delay: .2s; 
 }
 
section.m36_lieferungscheck .m36_milk .drop:nth-child(3){
	left: 73%;
	animation-delay: .4s;
}

section.m36_lieferungscheck .m36_milk .puddle{
  position: absolute; bottom: 18px; left: 50%;
  /* width: 44px; 
  height: 10px;  */
  width: 94px;
  height: 16px;
  background: #e8eefb;
  border-radius: 50%; 
  transform: translateX(-50%);
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.06));
}

section.m36_lieferungscheck .m36_milk .puddle::after{
  content:""; 
  position:absolute; 
  inset:0;
  border: 2px solid rgba(232, 238, 251, 0.9); 
  border-radius:50%;
  transform: translateX(0) scale(.8);
  animation: m36_ripple 1.2s ease-out infinite;
}

@keyframes m36_drip {
	0%   { transform: translateY(-12px) scale(.9); opacity: 0; }
	15%  { opacity: 1; }
	70%  { transform: translateY(58px); opacity: 1; }
	100% { transform: translateY(58px) scale(.98); opacity: 0; }
}

@keyframes m36_ripple {
	0%   { transform: translateX(0) scale(.8); opacity:.55; }
	100% { transform: translateX(0) scale(1.8); opacity:0; }
}


/* section.m36_lieferungscheck .m36_spinner {
	border: 4px solid rgba(0,0,0,0.1);
	border-top: 4px solid #000;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1.5s linear infinite;	
}

@keyframes spin {
	to { transform: rotate(360deg); }
} */



@media screen and (max-width: 1599px) {
	section.m36_lieferungscheck .m36_icon_titel_text_container {
		width: calc(50% + 145px);
	}
	
	section.m36_lieferungscheck .m36_input_container {
		width: calc(50% - 145px);
	}
}

@media screen and (max-width: 1399px) {
	section.m36_lieferungscheck .m36_icon_container {
		width: 134px;
		min-width: 134px;
		margin-right: 39px;
	}
	
	section.m36_lieferungscheck .m36_icon_titel_text_container {
		width: calc(50% + 50px);
		flex-direction: column;
		align-items: start;
	}
	
	section.m36_lieferungscheck .m36_titel_text_container {
		padding-bottom: 0;
	}
	
	section.m36_lieferungscheck .m36_input_container {
		width: calc(50% - 50px);
		/* align-items: end; */
	}
	
	section.m36_lieferungscheck .m36_input_inner {
		width: calc(100% - 30px);
	}
}

@media screen and (max-width: 1199px) {
	section.m36_lieferungscheck .m36_lieferungscheck_main > .mM_d_flex {
		flex-direction: column;
	}
	
	section.m36_lieferungscheck .m36_icon_titel_text_container,
	section.m36_lieferungscheck .m36_input_container,
	section.m36_lieferungscheck .m36_input_inner {
		width: 100%;
	}
	
	section.m36_lieferungscheck .m36_input_container {
		margin-top: 40px;
	}
}

@media screen and (max-width: 767px) {
	section.m36_lieferungscheck .m36_result {
		padding-top: 47px;
		margin-top: 40px;
	}
}

@media screen and (max-width: 575px) {
	section.m36_lieferungscheck .m36_input_inner:before,
	section.m36_lieferungscheck .m36_input_inner:after {
		background-size: 20px 19px;
		width: 20px;
		min-width: 20px;
		height: 19px;
		min-height: 19px;
		right: calc(59px + 19px);  /* 19px next to button */
	}
	
	section.m36_lieferungscheck .m36_input_inner label.mobile {
		display: block;
	}
	
	section.m36_lieferungscheck .m36_input_inner label.desktop {
		display: none;
	}
	
	section.m36_lieferungscheck .m36_input_inner label {
		left: calc(32px - 8px);  /* gap from left - padding */
		top: 18px;
	}
	
	section.m36_lieferungscheck .m36_enter {
		width: 59px;
		min-width: 59px;
		height: 59px;
		min-height: 59px;
	}
	
	section.m36_lieferungscheck .m36_input {
		padding: 0 calc(59px + 19px + 20px + 30px) 0 31px;  /* padding right: 59px btn, 30px gap between icon/text,  20px icon, 19px gap between icon/btn */
		height: 59px;
	}
}