body {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

header,
nav,
section,
footer {
	padding: 5px;
	margin: 5px;
	-webkit-flex: 1 100%;
	flex: 1 100%;
}

header {
	background: #F1F3F4;

}

nav {
	background: #fffbf0;
}

section {
	background: #F1F3F4;
}

/* alle die gleiche Breite mit 1 0% */
flexbox01 {
	-webkit-flex: 1 0%;
	flex: 1 0%;
	padding: 5px;
}

flexbox02 {
	-webkit-flex: 1 0%;
	flex: 1 0%;
	padding: 5px;
}

flexbox03 {
	-webkit-flex: 1 0%;
	flex: 1 0%;
	padding: 5px;
}

flexbox04 {
	-webkit-flex: 1 0%;
	flex: 1 0%;
	padding: 5px;
}

flexbox05 {
	-webkit-flex: 1 0%;
	flex: 1 0%;
	padding: 5px;
}

footer {
	background: #F1F3F4;
	position: fixed;
	bottom: 0px;
        overflow: hidden;
	width: 100%;
        margin: 0px auto;
	text-align:center;
}