/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */

header,
article
section,
aside,
footer {

	border-radius: 0px 0em 0em;
	border: 0em solid;
	padding: 0em;
	margin: 0em;
	-webkit-flex: 1 100%;
	flex: 1 100%;
}

header {

        background:rgba(0,0,0,.0);
	border-color: #d5d5d5;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	display: flex;
	flex-flow: row wrap;
}



article {

  color: #eee;
  padding: 0em 0em;
  margin: 0% 0;
 -webkit-flex 1 100%;
  margin-right: 0%;
  flex: 1 100%;


}



section {

  color: #eee;
  padding: 0.5em 1.4em;
  margin: 0% 0;
 -webkit-flex 1 100%;
  margin-right: 0%;
  flex: 1 100%;


}



aside {

  color: #eee;
  padding: 0.5em 1.4em;
  margin: 0% 0;
 -webkit-flex 1 100%;
  margin-right: 0%;
  flex: 1 100%;


}

footer {
	/*background: #e4ebf2;*/
	border-color: #8a9da8;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	display: flex;
	flex-flow: row wrap;

  height: 3.125em;
  line-height: 1.875em
  text-align: left;
  padding: .4em .0em;
  background:rgba(0,0,0,.0);
}



footer p {
	text-align: right;
}
/* Smart Phones und Tablets mit mittlerer Auflösung */

@media (min-width: 35em) {
	
	aside {
		-webkit-flex: 1 auto;
		-webikit-order: 4;
		flex: 1 auto;
		order: 4;
	}
	footer {
		webkit-order: 5;
		order: 5;
	}
}

/* Large screens */

@media (min-width: 50em) {


article{

  color: #eee;
  padding: 0em 0em;
  margin: 0% 0;
 -webkit-flex 1: 62%;
  margin-right: 0%;
  flex: 1 62%;
}







section {

  color: #eee;
  padding: 0.5em 1.4em;
  margin: 0% 0;
 -webkit-flex 1: 62%;
  margin-right: 0%;
  flex: 1 62%;
}


aside {

  color: #eee;
  padding: 0.0em 1.4em;
  margin: 0% 0;
 -webkit-flex 1: 38%;
  flex: 1 38%;

}

.container {
  -webkit-display: -webkit-box;
  -webkit-display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  flex: 1 100%

}


}


p3 {
font-family :  Century Gothic, 'Lato', Verdana, Arial, Helvetica, sans-serif;
color : #fff;
font-size : 19px;
line-height : 18px;
font-style:italic;font-size:133%;
}


p4 {
font-family :  Century Gothic, 'Lato', Verdana, Arial, Helvetica, sans-serif;
color : #fff;
font-size : 17px;
line-height : 18px;
font-style:italic;font-size:112%;
}

p5 {
font-family :  Century Gothic, 'Lato', Verdana, Arial, Helvetica, sans-serif;
color : #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
font-style:bold;
}

p6 {
font-family :  Century Gothic, 'Lato', Verdana, Arial, Helvetica, sans-serif;
color : #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
font-style:bold;
padding-left:-40px;
text-indent: -40px;
}

p7 {
font-family :  Century Gothic, 'Lato', Verdana, Arial, Helvetica, sans-serif;
color : #000;
font-size : 19px;
line-height : 18px;
font-style:italic;font-size:133%;
}