body {
	font-size:14px;
	background-color:#fff;
}

.container { max-width: 850px; }

h1, h2, h3, h4, h5, h6, h7, .navbar a, .navbar button { font-family: 'Open Sans', sans-serif; font-weight: 400; color:#333; }
h1 { margin-bottom: 20px; margin-top: 0px; }

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

.navbar a, .navbar button { font-size:28px; }
.navbar button {color:#fff;}

p { font-family: 'Open Sans', sans-serif; font-size:14px; }

.text-justify { text-align:justify; }

.img-left { float:left; width: 38%; margin:0 20px 10px 0; }
.img-right { float:right; width: 38%; margin:0 0 10px 20px; }
.img-responsive { clear: both; }

.box-right { float: right; width: 38%; margin: 0 0 10px 20px; }

.titelbild { margin-bottom:40px; margin-top: 50px; }
.titelbild img { max-height: 52px; }

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 0px 5px rgba(0,0,0,.1);
}

/* Navigation */

.nav {
	position: relative;
	margin-top: 5px;
	margin-bottom: 25px;
}

.nav > li > a {
	padding: 2px;
	font-size: 18px;
	color: #555;
	font-family: 'Open Sans';
	line-height: 23px;
}

.nav > li > a:hover,
.nav > li > a:focus {
	color: #990033;
	background-color: Transparent;
}

.nav > li.active > a {
	color: #990033;
	/* text-decoration:underline; */
}

.kontaktzeile {
	font-size:11px;
	clear:both;
	padding-top: 10px;
}
.kontaktzeile a {
	color: #000000;
}

/* Footer */

.footer { 
	height:362px; 
	width: 100%;
	position: fixed;
	bottom: 0px;
	margin-top:-150px; 
	background-image: url(../img/skyline-eee.png);
	background-image: url(../img/skyline-eee.svg), none;
	background-position: bottom center;
	background-repeat: repeat-x;
}

@media (max-width: 1300px) {
	.footer {
		background-size: 100%;
	    -webkit-transform:scaleX(-1);
	    -moz-transform:scaleX(-1);
	    -ms-transform:scaleX(-1);
	    -o-transform:scaleX(-1);
	    transform:scaleX(-1);
		-ms-filter: "FlipH";
	    filter: FlipH;
	}
}

/* flexible Videos */
.flex-video {
	position: relative;
	padding-top: 25px;
	padding-bottom: 67.5%;
	height: 0;
	margin-bottom: 16px;
	overflow: hidden;
	background-color: Black;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
	.flex-video { padding-top: 0; }
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

.navbar .nav {
	margin-top:35px;
}

}

.navbar-toggle {
	color:#fff;
	background-color:#333;
	background-image:none;
	margin-top:35px;
}

.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-toggle:active,
.navbar-toggle.active,
.navbar-toggle.disabled,
.navbar-toggle[disabled] {
	background-color:#111;
}

@media (max-width: 767px) {

.navbar .in, .collapse, .collapsing {
	margin-bottom:20px;
	padding:15px 20px 10px 20px;
	border-top:1px solid #ccc;
	-webkit-box-shadow: inset 0px 3px 6px 0px #ccc, inset 0px -3px 6px 0px #ccc;
	box-shadow: inset 0px 3px 6px 0px #ccc, inset 0px -3px 6px 0px #ccc;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
}