@media only screen and (max-width: 1024px) {
	.main-navigation-mobile {
		opacity: 0;
		pointer-events: none;
		transform: translateX( -2rem );
		transition: opacity 0.3s, transform 0.3s;
	}
	.main-navigation-mobile.opened {
		opacity: 1;
		pointer-events: all;
		transform: translateX( 0rem );
	}
	header.site-header.header-scrolled {
		display: none;
	}
}

@media only screen and (max-width: 720px) {
	nf-field:has(.tenf-half) {
	  grid-column: span 2;
	}
}
