body {
	font-family: "Arial";
	margin: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	
}

#header {
	height: 200px;
	width: 95vw;
	margin: 2vh auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

#header > div {
	height: 100%;
}


#logo_zivilschutz {
	height: 100%;
}

#main {
	flex: 1;
}

#tactime {
	color: red;
	font-size: 12vw;
	width: 80vw;
	margin: 2vh auto 2vh auto;
	padding: 5vh 5vw 5vh 5vw;
	text-align: center;
	border: 1px dashed;
}



#footer {
	height: 150px;
	width: 95vw;
	margin: 5vh auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	bottom: 150px;
}

#footer > div {
	width: 30vw;
	height: 100%;
}

#logo_tel {
	height: 100%;
}