#messe-notify-form {
	padding: 0;
    border: none;
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.1);
	max-width: calc(800px - 8em);

	opacity: 0;

	transition: display 0.75s, opacity .75s;
	transition-behavior: allow-discrete;

	}

#messe-notify-form div.container {
	display: flex;
	gap: 2em;
}

#messe-notify-form:popover-open {
	display: flex;
	flex-wrap: wrap;
	opacity: 1;
	padding: 5px;

	@starting-style {
		opacity: 0;
	}
}
#messe-notify-form::backdrop {
	position: fixed;
    pointer-events: none !important;
    background-color: rgb(0 0 0/0.2);
    inset: 0px;
	backdrop-filter: blur(2px);
}
#messe-notify-form .luf-form > .container.container--mini.container--mini--produkt	{ 	
	margin-block: 0
}

button#close-popover {
	background: transparent;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(/wp-content/themes/enervis/images/close_icon.png);
    background-image: url(/wp-content/themes/enervis/images/close_icon.svg);
	padding: 15px 15px 0 15px;
}

#messe-notify-form img {
	max-width: 250px;
	object-fit: cover;
}

#messe-notify-form div.text-holder {
	padding-right: 15px;
}

#messe-notify-form h2 {
	font-size: 2em;
	line-height: 1.05;
	margin-top: 1.5em;
}

#messe-notify-form input[type="submit"] {
	display: inline-block;
}
#messe-notify-form  .wpcf7-spinner {
	margin-bottom: -0.33em;
}

#messe-notify-form .container.container--mini .container.container--mini:has(.w-6) {
  display: flex;
  gap: 1rem;
}
.hidden-fields-container {
   visibility: hidden;
   height: 0;
   border: 0;
   margin: 0;
   padding: 0;
}

#messe-notify-form .button {
  display: inline-block;
  background-color: var(--enervis-orange);
  color: white;
  line-height: 1;
  font-weight: 700;
  padding: 1em;
  margin-bottom: 1rem;
  border-radius: 0;
  flex-grow: 0;
}

@media screen and (max-width: 820px) {
	#messe-notify-form {
		max-width: 310px;
	}
	#messe-notify-form div.container {
		flex-wrap: wrap;
	}
	#messe-notify-form div.text-holder {
		padding: 15px;
	}
	#messe-notify-form h2 {
		margin-top: 0;
	}
}