.event-form .content-box {
	grid-column: 3/span 10;
	grid-template-rows: auto;
	border: 1px solid var(--primary);
}

.event-form .headline-box {
	grid-area: 1/1/span 1/span 10;
	font-size: var(--fs-30);
	background: #E07154;
	color: var(--white);
	padding: .3em 1em;
	width: fit-content;
	height: fit-content;
	font-weight: 400;
	margin: 0;
	line-height: 1.4;
	text-transform: uppercase;
}

.event-form .headline {
	grid-area: 2/2/span 1/span 8;
}

.event-form .text-container {
	grid-area: 3/2/span 1/span 4;
	max-width: min(66ch, 90%);
}

.event-form .details-container {
	grid-area: 4/2/span 1/span 4;
	grid-template-columns: auto 1fr;
	grid-column-gap: max(16px, 1.25vw);
	grid-row-gap: 16px;
}

.event-form .details-container .details-title {
	margin: 0;
}

.event-form .details-container .details-text {
	line-height: 1.375;
}

.event-form .form-container {
	grid-area: 3/6/span 3/span 4;
}

.event-form .form-container .nl-form-body .element {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: var(--grid-gap);
	border-bottom: 1px solid currentColor;
	padding: 1em 0;
}

.event-form .form-container .nl-form-body .element h3,
.event-form .form-container .nl-form-body .element .formassi_element_paragraph {
	grid-column: span 7;
	line-height: 1.35;
}

.event-form .form-container .nl-form-body .element .first {
	grid-column: span 2;
}

.event-form .form-container .nl-form-body .element .first label {
	padding: .5em 0;
	display: block;
	line-height: 1.15;
	font-size: var(--fs-20);
	font-weight: 400;
	letter-spacing: .02em;
	line-height: 1.35;
	text-transform: uppercase;
}

.event-form .form-container .nl-form-body .element .second {
	grid-column: span 5;
	padding-top: .25em;
}

.event-form .form-container input,
.event-form .form-container textarea,
.event-form .form-container select {
	padding: .5em 0;
	font-size: 1rem;
	font-weight: 300;
	color: var(--font-color);
	background: transparent;
}

.event-form .form-container textarea {
	resize: none;
}

.event-form .form-container .nl-form-body .element#va_14 .second>div {
	display: flex;
	flex-direction: column;
	gap: var(--grid-gap);
}

.event-form .form-container .nl-form-body div:has(>input[type="checkbox"]) {
	display: flex;
	gap: var(--grid-gap);
	align-items: center;
}

.event-form .form-container .nl-form-body .element#va_12,
.event-form .form-container .nl-form-body .element#va_13,
.event-form .form-container .nl-form-body .element#va_14 {
	border-bottom: 0 none;
}

.event-form .form-container .nl-form-body .element#va_13 .second {
	grid-column: span 7;
}

.event-form .form-container .nl-form-body .element#va_5 {
	padding: 0;
	border-bottom: 0;
}

.event-form .form-container .nl-form-body .arrow-btn {
	margin-left: auto;
	padding: 1em;
}

.event-form .form-container .nl-form-body input[type="checkbox"],
.event-form .form-container .nl-form-body input[type="radio"] {
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0;
	width: 2rem;
	height: 2rem;
}

.event-form .form-container .nl-form-body input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 2em;
	height: 2em;
	border: 1px solid currentColor;
	border-radius: 5px;
	position: relative;
}

.event-form .form-container .nl-form-body input[type="checkbox"]::before {
	content: "";
	width: 80%;
	height: 80%;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	background: var(--primary);
	border-radius: 5px;
	border: 0 none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: var(--def-trans);
}

.event-form .form-container .nl-form-body input[type="checkbox"]:checked::before {
	transform: translate(-50%, -50%) scale(1);
}

@media (max-width: 1599.98px) {
	.event-form .content-box {
		grid-column: 2/span 12;
	}

	.event-form .headline-box {
		grid-area: 1/1/span 1/span 12;
	}

	.event-form .headline {
		grid-area: 2/2/span 1/span 10;
	}

	.event-form .text-container {
		grid-area: 3/2/span 1/span 5;
	}

	.event-form .details-container {
		grid-area: 4/2/span 1/span 5;
	}

	.event-form .form-container {
		grid-area: 3/7/span 3/span 5;
	}
}

@media (max-width: 1399.98px) {
	.event-form .content-box {
		grid-column: 2/span 12;
		display: flex block;
		flex-direction: column;
		gap: var(--m-small);
		max-width: 768px;
		justify-self: center;
	}

	.event-form .content-box> :not(.headline-box) {
		margin: 0 var(--m-small);
	}

	.event-form .content-box {
		max-width: 768px;
		justify-self: center;
		display: flex !important;
		flex-direction: column;
		gap: var(--m-small);
	}
}

@media (max-width: 767.98px) {
	.event-form .details-container {
		display: flex;
		flex-direction: column;
	}

	.event-form .content-box> :not(.headline-box) {
		margin: 0 var(--grid-gap);
	}

	.event-form .form-container .nl-form-body .element {
		display: flex;
		flex-direction: column;
	}
}