body
{
	font-size: 2.5rem;
}
div.body
{
	position: relative;
	margin: 0;
	padding: 0 0.5em;
	display: block;
}

/*
input[type="checkbox"] {color: #FFF;}
input[type="checkbox"] + label:before {content:"☐";}
input:checked + label:before {content:"☑";}
*/
.blogview
{
	position: relative;
}
.blogview > .open ~ .blog.content {
	display: block;
	position: relative;

	height: 25em;

	padding-bottom: 1em;
	
	z-index: 2;
}

.mainmenu,
.next.last
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	line-height: 64px;
	width: 100%;
}
ul.mainmenu > li,
ul.mainmenu > li > a
{
	display: block;
	width: 100%;
}
ul.mainmenu > li > a
{
	padding: 0.25em 0;
	text-decoration: none;
}

.mainmenu,
ul.mainmenu > li
{
	padding: 0 0;
}
.mainmenu > input.burger,
.mainmenu > div.burger
{
	padding: 0.5em 0;
}
.next.last > a
{
/*	padding: 0.5em 0.5em;*/
}

ul.mainmenu > li > a
{
	font-size: 2em;
}

.mainmenu > input.burger
{
	z-index: 10;
	position: relative;
	opacity: 0;
}
.mainmenu > div.burger
{
	position: absolute;
	top: 0em;
}
.mainmenu > input.burger,
.mainmenu > div.burger
{
	display: inline-block;
	width: 4rem;
	height: 4rem;
	text-align: center;
	
	margin: 0;
	padding: 0;
}
.mainmenu > div.burger
{
	background-image: url('../images/icons8-menü-64.png');/*var(--burger-img);*/
	background-repeat: no-repeat;
	background-clip: content-box;
	background-size: cover;
	object-fit: scale-down;
}
.mainmenu > input.burger:checked ~ div.burger
{
	background-image: url('../images/icons8-close-64.png');/*var(--burger-img);*/
}

.mainmenu > input.burger ~ li
{
	display: none;
}
.mainmenu > input.burger:checked ~ li
{
	display: block;
}