.page-template-wp-custom-template-modal-no-header-no-footer{
	overflow: auto;

	#wpadminbar{
		display: none;
	}
}

.cf7-iframe-modal{
	.modal-body{
		padding: 0;
		background: var(--wp--preset--color--gelb);
	}
	.loader{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
	}
	iframe{
		position: relative;
		z-index: 1;
		display: block;
	}
}

.loader{
	--size: 24px;
	--stroke-width: calc( var(--size) / 6 );
	--color: var(--wp--preset--color--blau);
	--animation-timing-function: linear;
	--animation-duration: 1s;
	position: relative;
	width: var(--size);
	height: var(--size);
	font-size: 0;

	&::before, &::after{
		content: '';
		position: absolute;
		transform: scaleY(1);
		animation: var(--animation-timing-function) var(--animation-duration) infinite loader-animation;
	}
	&::before{
		inset: 0;
		border-right: var(--stroke-width) solid var(--color);
		border-left: var(--stroke-width) solid var(--color);
	}
	&::after{
		top: 0;
		bottom: 0;
		left: calc(50% - var(--stroke-width) / 2);
		border-left: var(--stroke-width) solid var(--color);
		animation-delay: calc(var(--animation-duration) / 2);
	}
}

@keyframes loader-animation{
	0%{
		transform: scaleY(1);
	}
	50%{
		transform: scaleY(.5);
	}
	100%{
		transform: scaleY(1);
	}
}