/* Importierte Schriften

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;

--------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);



body {
	margin: 0;
	padding: 0;
	font-size:18px;
	line-height: 24px;
	color: #333;
	word-wrap:break-word !important;
	font-family: 'Roboto Condensed', sans-serif;
}


#container{
	margin: 0 auto;
	max-width: 1600px;
}


header {
	width: 100%;
	height: 180px;
	background-color: #fcfa8c;
}


#content {
	padding: 0%;
	width: 100%;
}


h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 1.0;
	margin: 0 0 10px 0;
	padding: 3% 3% 1% 3%;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

img {max-width:100%}


p, ul li {
	padding: 0 3% 1% 3%;
}


a {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline; 
	color: #333;
}


/* Navigation Menü
--------------------------------------------- */

.clearfix {
	display: block;
	clear: both;
}


nav {
	float:left;
	width: 62%;
	background-color: #ffed00;
	height:60px;	
	padding: 0 0 0 3%;
}

nav ul li {
	display: inline-block;
	padding: 0 6% 0 0;
}

nav ul li a {
	text-decoration: none;
	color: #000;
	font-size: 18px;
}

nav ul li a:hover {
	color: #fff;
	text-decoration: none;
}


logo {
	float: right;
	width: 35%;
	background-color: #ffed00;
	height:60px;
	text-align:center;
}


/*Schaltfläche "Menü" anzeigen und ausblenden*/
.show-menu {
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	color: #000;
	background: #ffed00;
	text-align:center;
	padding: 15px 0;
	display: none;
}


/*Kontrollkästchen ausblenden*/
input[type=checkbox]{
    display: none;
}


/*Menü anzeigen, wenn das Kontrollkästchen nicht aktiv ist*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


@media all and (max-width : 768px) {


nav {
	text-align: left;
	width:100%;
	padding:0;
}

#content {
	width: 100%;
	padding: 0%;	
}

nav ul {
	position: static;
	display: none;
	}	

nav li {
	margin-bottom: 1px;
	}
	
/*Make all menu links full width*/
nav ul li, li a {
	width: 100%;
	}	
	
.show-menu {
	display:block;
	text-align:center;
	}
	
	logo {
	display:block;
	text-align:center;
	width: 100%;
}

}