body {
	font-family: 'PT Serif', serif;
}


.navbar-default {
	background-color:transparent;
	background:none;
	border:0px;
}

#topnav a {
	text-decoration:none;
	color:#666;
	font-size:0.9em;
	
}

a {
	color:#666;
}

p {
	font-size:18px;
	color:#333;
}

.first {
	margin-top:50px;
}

a:hover {
	color: #333333;
	text-decoration: none;
}

.menschen h3 {
	margin-top:0px;
	margin-bottom:50px;
}

.wo h3 {
	color:#C00;
	margin-top:0px;
	margin-bottom:0px;
}

.wo p {
	font-size:16px;
}

.wer {
	text-align: center;
}

.produkte h3 {
	margin-top:10px;
}

.produkte p, .wo p {
	margin-bottom:50px;
}

.wusstenSie {
}

.full {
	width:100%;
	position:relative;
	left: 0px;
}



#topnav li {
	padding-top:4px;
	padding-bottom:8px;
}


.bs-example-scroll {
	background-color:#333;
}

.bs-example-scroll .navbar.navbar-default #navbarCollapse #naviMobile .nav.navbar-nav .logoMobile.naviBorder a {
	color: #C00;
}

#topnav {
	margin-top:	0px;
	background-color:#fff;
	text-align:center;
	border-bottom:1px #666 solid;
	border-top:1px #666 solid;
	height:34px;
}

.top-btn {
	width:50px;
	height:50px;
	background:rgba(255,255,255,0.5);
	text-align:center;
	position:fixed;
	bottom:5px;
	right:5px;
	display:none;
}

.top-btn a {
	color:#666;
}

#logo {
	width:183px;
	height:150px;
	margin:0px auto;
	margin-top:0px;
}

h2 {
	margin-bottom: 25px;
	margin-top:50px;
	text-align:center;
	font-size:2.6em;
	color:#999
}
	
h3 {
	color:#F00;
	line-height:1.3;
	font-weight:300;
	font-size:1.5em;
}

.navbar-default {
	background:#FFF;
	border:#FFF solid 0px;
}

#navi {
	width:800px;
	margin:0px auto;
	padding-top:20px;
}

#naviMobile {
	width:1100px;
	margin:0px auto;
}

.navbar-nav > li > a {
	padding-top:5px;
	padding-bottom:5px;
}

.naviBorder {
	border-left:#666 thin solid;
}

#navi a {
	
	font-size:1.4em;
}

#navi a:hover {
	color: #C00;
}

.active {
	color: #C00;
	background:none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #C00;
	background:none;
}

#naviMobile a {
	color:#666;
	font-size:1.4em;
}

.logoMobile {
	font-size:1.6em;
}

.logoMobile a {
	color:#C00;
}

#naviMobile li {
	padding-top:10px;
}

#naviMobile a:hover {
	color: #C00;
}

.bs-example-scroll {
	display:none;
	position:fixed;
	z-index:9999;
	width:100%;
	text-align:center;

}

@media screen and (max-width: 1200px) {
    #navi {	width:900px;}
	#navi a {font-size:1.4em;}
}

@media screen and (max-width: 992px) {
    #navi {	width:700px;}
	#navi a {font-size:1em;}
	#naviMobile {	width:700px;}
	#naviMobile a {font-size:1em;}
	p {font-size:16px;}
}

@media screen and (max-width: 768px) {
    #navi {	width:500px;}
	#navi a {font-size:1em;}
	#naviMobile {	width:500px;}
	#naviMobile a {font-size:1em;}
	p {font-size:14px;}
}

@media screen and (max-width: 468px) {
    #navi {	width:300px;}
	#navi a {font-size:1em;}
	#naviMobile {	width:300px;}
	#naviMobile a {font-size:1em;}
	p {font-size:12px;}
}

@media screen and (max-width: 320px) {
    #navi {	width:300px;}
	#navi a {font-size:0.9em;}
	#naviMobile {	width:300px;}
	#naviMobile a {font-size:0.9em;}
	p {font-size:12px;}
}

footer {
	margin-top:20px;
}

#copyright {
	width:auto;
	text-align:center;
}