@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic|Open+Sans:400,600italic,600);
* { font-family: 'PT Sans', sans-serif; font-weight: 400; }

body { font-family: 'PT Sans', sans-serif; font-weight: 400; font-size: 14px; }

.topimage {
	height: 315px;
}

.topimage .container {
	height: 315px;
	background-color: rgba(20,20,20,0.2);
	text-align: center;
}
.topimage .container img {
	margin-top: 105px;
}

.topimage.img_index {
	background-image: url(../img/header_home.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.topimage.img_about {
	background-image: url(../img/header_about.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.topimage.img_kontakt {
	background-image: url(../img/header_kontakt.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.topimage.img_fotos {
	background-image: url(../img/header_fotos.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.topimage.img_produkte {
	background-image: url(../img/header_produkte.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.topimage.img_impressum {
	background-image: url(../img/header_impressum.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.topimage.img_bestellen {
	background-image: url(../img/header_bestellinfo.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.navbar-nav > li > a { padding: 0; }

.navbar-inverse { background-color: #b4a794; }
.navbar-inverse ul.nav { margin-left: 100px; }
.navbar-inverse ul.nav li { font-family: "'PT Serif', serif"; color: white; padding: 15px 5px; }
.navbar-inverse ul.nav li a { font-family: "'PT Serif', serif"; color: white; text-transform: uppercase; font-weight: 700; }
.navbar-inverse ul.nav li a:hover { color: black; text-decoration: none; }
.navbar-inverse ul.nav li a.active { color: black; }
.navbar-inverse ul.nav li a.active:hover { color: white; }

h1 { font-family: "'PT Serif', serif"; text-transform: uppercase; color: #c8b07b; text-align: center; font-size: 1.7em; margin: 30px 0; }

h2 { text-transform: uppercase; text-align: center; color: #b4a794; font-size: 1.2em; }

h3 { font-family: 'PT Sans', sans-serif; text-transform: uppercase; text-align: center; color: #b4a794; font-size: 1.0em; font-weight: 700; margin-bottom: 20px; }

h4 { margin-top: -20px; font-family: 'PT Sans', sans-serif; text-transform: uppercase; text-align: center; color: black; font-size: 0.92em; font-weight: 400; margin-bottom: 20px; }

.center { text-align: center; }

.big_image { margin-top: 20px; margin-bottom: 40px; }

.slider { background: url(../img/slider_01.jpg) center top; }

.gallerie img { margin-bottom: 20px; }

.footer { margin-top: 20px; background-color: #b4a794; }
.footer ul { margin: 20px 0; padding: 0; list-style: none; }
.footer ul li a { color: white; font-family: 'PT Serif', serif; text-transform: uppercase; padding: 8px 0; font-size: 1.2em; }
.footer .logos { vertical-align: bottom; margin-top: 50px; }
.footer .logos a { margin-right: 10px; }
.footer .logos a:nth-child(2) { margin-right: 70px; }

.footer2 { margin: 10px 0; margin-bottom: 20px; }
.footer2 .container { text-align: center; text-transform: uppercase; font-size: 0.75em; }
.footer2 .container a { font-weight: 700; color: black; }

.col-12, col-sm-12 { text-align: center; }

@media (min-width: 1200px) { .container { width: 900px; } }
@media (min-width: 992px) { .container { width: 900px; } }
@media (max-width: 767px) { h1 { margin-top: 80px; font-size: 1.2em; }
  .bs-example { display: none; }
  .logos { margin: 0 auto; width: 80px; text-align: center; }
  a.logo { display: inline-block; margin: 0 !important; margin-bottom: 10px; text-align: center; }
  a.logo:nth-child(2) { margin-bottom: 30px; }
  .noDisplay { display: none !important; } }