:root {
	--fontsize-body: 1rem;
	--fontsize-navi: 1em;
	--fontsize-h1: 1.875em;
	--fontsize-h2: 1.375em;
	--fontsize-h3: 1.25em;
	--fontsize-h4: 1.125em;
}
@media (min-width:1024px) { /* lg */
	:root {
		--fontsize-body: 1.125rem;
		--fontsize-navi: 1.125rem;
		--fontsize-h1: 2.125em;
		--fontsize-h2: 1.625em;
		--fontsize-h3: 1.375em;
		--fontsize-h4: 1.125em;
	}
}
@media (min-width:1280px) { /* xl */
	:root {
	}
}
@media (min-width:1536px) { /* 2xl */
	:root {
		--fontsize-h1: 2.5em;
		--fontsize-h2: 1.75em;
	}
}
main, footer {
	font-size: var(--fontsize-body);
}
body h1,
body h2,
body h3,
body h4 {
	font-family: 'Lora';
	font-weight: 700;
	line-height: 1.35;
	margin-bottom: 1rem;
}
body h1 {
	font-size: var(--fontsize-h1);
}
body h2 {
	font-size: var(--fontsize-h2);
}
body h3 {
	font-size: var(--fontsize-h3);
}
body h4 {
	font-size: var(--fontsize-h4);
}
.Content p {
	margin-bottom: 1rem;
}
.Navi input:checked ~ ul.Level_0 {
	display: block;
}
.Navi ul.Level_0 {
	z-index: 1000000;
	display: hidden;
	background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
	position: absolute;
	top: 6rem;
	left: 0;
	width: 100%;
	flex-direction: column;
	gap: 1rem;
	padding: 1.5rem;
}
@media (min-width: 1024px) {
	.Navi ul.Level_0 { /* lg */
		background-color: transparent;
		display: flex;
		flex-direction: row;
		font-size: 1.125rem;
		line-height: 1.75rem;
		padding: 0;
		position: static;
		width: auto;
		gap: 1.5rem;
	}
}
.Navi ul.Level_0 li {
	position: relative;
	z-index: 100000;
}
.Navi ul.Level_0 li:hover a {
	text-decoration: underline;
}
.Navi ul.Level_0 li ul.Level_1 {
	background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
	z-index: 100000;
	border-top: 2px solid transparent;
}
.Navi ul.Level_0 li:hover ul.Level_1 {
	display: block;
	z-index: 100001;
}
@media (min-width: 1024px) {
	.Navi ul.Level_0 li ul.Level_1 { /* lg */
		display: hidden;
		margin-left: 1rem;
		background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
		padding-top: 1rem;
		position: absolute;
	}
}
.Navi ul.Level_0 li ul.Level_1 li a {
	display: block;
	padding: 1rem;
}
@media (min-width: 1024px) {
	.Navi ul.Level_0 li ul.Level_1 li a { /* lg */
		color: white;
		border: 1px solid black;
		border-top: 0;
	}
}
.Navi ul.Level_0 li ul.Level_1 li a:hover {
	text-decoration: underline
}
.Image.Cropped picture {
	display: block;
	overflow: hidden;
	object-fit: cover;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}
.Image.Cropped picture img {
	bottom: -100%;
	left: -100%;
	height: auto;
	margin: auto;
	object-fit: cover;
	height: 100%;
	position: absolute;
	right: -100%;
	top: -100%;
	width: 100%;
}

@media (min-width: 1024px) {
	.Newsletter {
		position: relative;
		margin-top: 16px;
	}

	.Newsletter::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: -16px;
		height: 16px;
		background: rgb(239 68 68 / var(--tw-bg-opacity, 1));
		clip-path: polygon(0 100%, 100% 0, 100% 100%);
	}
}