/*Abschnitte*/
body 
{
	margin:0em 1em 0em 1em;
	padding: 0 -1em 0em 0em;
	font-family:"Comic Sans MS", Verdana, Sans-Serif;
	background-color:#ffddff;
	font-weight: normal;
	width: 100vw;
	height: 100vh;
}


header
{
	margin:0em 0em 0em 0em;
	padding: 0.5em 0em 0em 0.5em;
	width:100%;
	height:110px;
	background-color:#ffccff;
	position: sticky;
	top: 0;
}

footer
{
	margin:0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	clear:both;
	width:100%;
	height:1.5em;
	position:absolute;
	bottom:0;
	text-align:left;
	background-color:#55ddff;
}

/*html-tokens*/
div {
	/*float: left;*/
}

img {
	/*float: right;*/
}

/*Klassen*/

.overlay {
	
	width: 90vw;
	height: 90vh;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: purple;
	/*background-color: green;*/
	/*overflow: hidden;*/
	/*object-fit: contain;*/
	display: none;
	position: absolute;
	top: 30px;
}

img.overlay {
	/*width: 90vw;
	height: 90vh;*/
	margin: 1em 1em 1em 1em;
	object-fit: contain;
}