@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap');
			html,
			body {
				height: 100%;
				min-height: 100%;
			}
			body {
				background-color: #ffffff;
				color: #282828;
				font-family: "Zalando Sans", sans-serif;
				font-size: 16px;
				margin: 0;
				padding: 0;
				position: relative;
				text-rendering: optimizeLegibility;
			}
			.content {
				align-items: center;
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				margin: 0 auto;
				max-width: 768px;
				min-height: 100%;
				padding: 30px;
				text-align: center;
			}
			.content .logo {
				margin: 0 0 30px;
				max-width: 350px;
				width: 80%;
			}
			.content h1 {
				font-size: 160%;
				font-weight: 600;
				line-height: 1.2;
				margin: 0 auto 15px;
			}
			.content .contact {
				padding: 25px;
			}
			.content .contact p {
				line-height: 1.2;
				margin: 0;
				padding: 0;
			}
			.content .eoi {
				margin: 1em 0;
				width: 100%;
			}
			.content .eoi details {
				background-color: #f8fcfd;
				display: block;
				margin: 0 0 1px;
				max-height: 50px;
				overflow: hidden;
				text-align: left;
				transition: max-height 1s ease-in-out;
				width: 100%;
			}
			.content .eoi details[open] {
				max-height: 9999px;
			}
			.content .eoi details[open] summary {
				list-style: none !important;
			}
			.content .eoi details summary {
				background-color: #b5e2ea;
				cursor: pointer;
				font-weight: 600;
				padding: 15px 20px;
				text-transform: uppercase;
			}
			content .eoi details summary ::marker {
				/* display: none !important; */
			}
			.content .eoi details .eoi__inner {
				display: flex;
				flex-direction: column;
				gap: 0.75em;
				list-style: none;
				margin: 0;
				padding: 20px 40px;
			}
			.content .eoi details .eoi__inner p {
				margin: 0 0 1em;
			}
			.content .eoi details .eoi__inner form {
				margin: 0 !important;
			}
			.content .eoi details .eoi__inner form .forminator-row:not(:last-child) {
				margin-bottom: 15px !important;
			}
			.content .eoi details .eoi__inner form .forminator-row input {
				border-color: #cccccc;
				border-radius: 0 !important;
			}
			.content .eoi details .eoi__inner form .forminator-row input:focus-visible {
				border-radius: 0 !important;
				/* outline-color: #aaaaaa; */
				/* outline: 1px #aaaaaa; */
				outline: #aaaaaa auto 1px;
			}
			.content .eoi details .eoi__inner form .forminator-row .forminator-button-submit {
				background-color: #b5e2ea;
				border-radius: 0;
				font-weight: 600;
				padding: 15px 20px;
				text-decoration: underline;
				text-decoration-color: transparent;
				text-transform: uppercase;
				transition: 0.3s ease-in-out;
				width: 100%;
			}
			.content .eoi details .eoi__inner form .forminator-row .forminator-button-submit:hover {
				box-shadow: none;
				text-decoration-color: currentcolor;
			}
			/* .content .eoi details ul li strong {
				font-weight: 500;
			}
			.content .eoi details ul li strong::after {
				border-right: 1px solid;
				content: "";
				margin: 0 5px 0 10px;
			} */
			.content .event {
				width: 100%;
			}
			.content .event details {
				background-color: #fafafa;
				display: block;
				margin: 0 0 1px;
				max-height: 50px;
				overflow: hidden;
				text-align: left;
				transition: max-height 1s ease-in-out;
				width: 100%;
			}
			.content .event details[open] {
				max-height: 9999px;
			}
			.content .event details summary {
				background-color: #efefef;
				cursor: pointer;
				font-weight: 600;
				padding: 15px 20px;
				text-transform: uppercase;
			}
			.content .event details ul {
				display: flex;
				flex-direction: column;
				gap: 0.75em;
				list-style: none;
				margin: 0;
				padding: 20px;
			}
			.content .event details ul li strong {
				font-weight: 500;
			}
			.content .event details ul li strong::after {
				border-right: 1px solid;
				content: "";
				margin: 0 5px 0 10px;
			}
			.content .flyers {
				align-items: center;
				display: flex;
				flex-wrap: wrap;
				gap: 1em;
				justify-content: center;
				padding: 2em 2em 1em;
				width: 100%;
			}
			.content .button {
				align-items: center;
				background-color: #279f48;
				border: none;
				color: #ffffff;
				display: flex;
				font-weight: 600;
				justify-content: center;
				gap: 1em;
				padding: 0 1em 0 0;
				text-decoration: none;
				transition: 0.3s ease-in-out;
			}
			.content .button.tickets {
			    cursor: pointer;
			    font-size: 1em;
			    margin: 1.5em auto;
			}
			.content .button:hover {
				background-color: #1f7f3a;
			}
			.content .button span {
				background-color: rgba(0, 0, 0, 0.15);
				padding: 0.75em;
				width: 1.5em;
			}
			.content .button span svg {
				height: auto;
				width: 100%;
			}
			.content .button span svg path {
				fill: currentcolor;
			}
			.content .partners {
				align-items: center;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				width: 100%;
			}
			.content .partners p {
				font-size: 80%;
				width: 100%;
			}
			.content .partners svg {
				height: auto;
				max-width: 250px;
				width: 80%;
			}