/* 
 *  CSS für HonigBienenKoerbchen.Koeln
 *
 *  Version 0.1.0
 *  Stand 27.12.2023
 */
 @charset "UTF-8";
/*
 * Festlegen einiger Standard-styles 
 */

a:link,
a:active,
a:visited {
	color: blue;
	text-decoration: none;
}

html {
	background: #f0f290;
	overflow:visible;
}

body{
	color:#001C66;
	background-color:#FFFFFF;
	max-width: 60em;
	margin: 40px auto;
	margin-top: 2em;
}

main{
	padding: 0 40px;
}

/* Festlegen Parameter für footer */
footer {
	padding-top: 50px;
}

#website-logo {
	padding-top: 40px;
	text-align: center;
}
/*  Festlegen des Stils für die Navigation */
.Navigation {
	display: inline-flex;
}
.Navigation ul {
	color: green;
	list-style: none;
	margin: 0.5em;
	display: flex; 
	flex-direction: column;
	flex-flow: wrap;
	border-bottom: thin dotted;
	padding-left: 0;
}
.Navigation li {
	list-style: none;
	margin: 0.5em;
	padding: 0;
	font-size: 1.5em;
	text-wrap: nowrap;
}

@media (min-width: 45em) {
	.Navigation ul {
		flex-direction: row;
		flex-flow: wrap;
		text-align: center;
	}
	.Navigation li {
		flex: 1;
		font-size: 1em;
	}
	
}