/* FRONTEND CSS
*********************************************/

html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
}

body {
	padding-top: 20px;
	padding-bottom: 0px;
}

a, h1, h2, h3 {
	color: #0069b4;
}

.grau {
	background: #878787;
}

.blau {
	background: #0069b4;
	color: white;
}

.rot {
	background: #e30613;
}

.wood {
	background: url('../images/bg-holz.jpg') #fed198;
}

.head .flexslider,
.head .fleximg {
	margin: 40px 0;
}

.head .flex-caption {
	margin: 0 0 80% 0;
	max-width: 300px;
	background: rgba(227,6,19,0.5);
	color: white;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}

.top .nav > li > a {
	padding: 5px;
	font-size: 18px;
}

.top .nav-justified > li > a {
	color: #878787;
	font-weight: bold;
}

.top .nav-justified > li.active > a,
.top .nav-justified > li.active > a:hover,
.top .nav-justified > li.active > a:focus,
.top .nav-justified > li > a:hover,
.top .nav-justified > li > a:focus {
	color: #0069b4;
	font-weight: bold;
}

.foot .nav > li > a {
	padding: 5px;
}

.foot .nav-stacked > li.active > a,
.foot .nav-stacked > li.active > a:hover,
.foot .nav-stacked > li.active > a:focus,
.foot .nav-stacked > li > a:hover,
.foot .nav-stacked > li > a:focus {
	color: #0069b4;
	background: white;
}

.content .readmore .btn {
	background: #ccc;
}

.content .form-horizontal .control-label {
	text-align: left;
}

.content .items-row .pull-none.item-image,
.content .items-row .pull-left.item-image,
.content .items-row .pull-right.item-image {
	text-align: center;
}

.content .blog .pull-none.item-image img,
.content .blog .pull-left.item-image img,
.content .blog .pull-right.item-image img,
.content .items-row .pull-none.item-image img,
.content .items-row .pull-left.item-image img,
.content .items-row .pull-right.item-image img {
	max-width: 300px;
}

.content .blog .pull-none.item-image img {
	margin: 0 10px 10px 0;
}
.content .items-row .pull-none.item-image img {
	margin: 0 0 10px 0;
}

.content .blog .pull-left.item-image img {
	margin: 0 10px 10px 0;
}
.content .items-row .pull-left.item-image img {
	margin: 0 0 10px 0;
}

.content .blog .pull-right.item-image img {
	margin: 0 0 10px 10px;
}
.content .items-row .pull-right.item-image img {
	margin: 0 0 10px 0;
}

.content .item-page .pull-none.item-image img,
.content .item-page .pull-left.item-image img,
.content .item-page .pull-right.item-image img {
	max-width: 500px;
}

.content .items-row .pull-none.item-image img,
.content .items-row .pull-left.item-image img,
.content .items-row .pull-right.item-image img {
	max-width: 100%;
}

.content .item-page .pull-none.item-image img {
	margin: 0 10px 10px 0;
}

.content .item-page .pull-left.item-image img {
	margin: 0 10px 10px 0;
}

.content .item-page .pull-right.item-image img {
	margin: 0 0 10px 10px;
}

.content .blog .pull-none.item-image img[src$=".jpg"],
.content .blog .pull-left.item-image img[src$=".jpg"],
.content .blog .pull-right.item-image img[src$=".jpg"],
.content .items-row .pull-none.item-image img[src$=".jpg"],
.content .items-row .pull-left.item-image img[src$=".jpg"],
.content .items-row .pull-right.item-image img[src$=".jpg"],
.content .item-page .pull-none.item-image img[src$=".jpg"],
.content .item-page .pull-left.item-image img[src$=".jpg"],
.content .item-page .pull-right.item-image img[src$=".jpg"] {
	-o-box-shadow: 3px 3px 8px #999;
	-ms-box-shadow: 3px 3px 8px #999;
	-moz-box-shadow: 3px 3px 8px #999;
	-webkit-box-shadow: 3px 3px 8px #999;
	box-shadow: 3px 3px 8px #999;
}

.content .items-row h2 {
	min-height: 69px;
}

.content .contact legend {
	font-size: 14px;
}

.foot {
	padding: 10px 0;
	margin-top: 20px;
}
.home .foot {
	margin-top: 0;
}

.foot a {
	color: white;
}

.foot .map {
	margin-bottom: 10px;
}

/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */
/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
	.custom.logo img {
		margin-bottom: -30px;
	}
	.top .nav {
		margin-top: 30px;
	}
}

/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
	.top .nav {
		margin-top: 60px;
	}
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
	.top .nav {
		margin-top: 100px;
	}
}

/* for higher resolutions (android and retina) */

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
	
}