/*!
 * Start Bootstrap - Business Frontpage HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
background-color: #ffe29e;}

/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */

.container {background-color: #fff;
    padding-right: 0%;
    padding-left: 0%;}

.business-header {
	margin-top:0%;
    height: 300px;
	background:url(../links/boywitt_header.jpg) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;}

/* Customize the text color and shadow color and to optimize text legibility. */

hr {margin:2% 0;}
h1 {font-size: 2.0em;
color: #213b88;}

h2 {font-size: 1.6em;
text-align:center;
color:#213b88;}

h3 {font-size: 1.4em;
line-height:1.4em;
color:#c11c1c;}

h4 {font-size: 1.2em;
line-height:1.4em;
color:#c11c1c;}

h5 {font-size: 1.0em;
line-height:1.4em;
color:#213b88;}

/* Bilder & Texte Startseite */

.col-sm-4 p {text-align:center;}
	
	/* Sidebar right */

.kontakt {width: 25%;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;}	

/* Haupttext */

.col-sm-8 {
width: 67%;
margin-left: 3%;
margin-right: 4%;}
	
.img-center {
    margin: 0 auto;}

/* Eckenrundung Bilder Startseite. */

.img-circle {
    border-radius: 5%;}	
	
img {max-width: 100%;
	height: auto;}
	
	/* Einrückung Listen weg */
.col-sm-8 ul {margin-left: 0.6em; padding-left: 0.6em;}	
	
.navbar-nav {
float: left;
margin-top: 0%;
margin-bottom: 0%;
padding-left: 2%;
width: 1000px;}
	
.navbar-inverse, .navbar-collapse {
    background-color: #213b88;
    border-color: #fff!important;}
	
.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
	font-size: 18px;}
	
.nav > li {
    display: block;
    position: relative;
    padding-left: 8%;
}
	
.navbar-inverse .navbar-nav ul {
	padding-left: 12%;
    color: #FFF;
	font-size: 18px;}
	
.navbar-inverse .navbar-nav > li > a:hover {
    color: #fdc300;
	font-size: 18px;}

.navbar-inverse .navbar-toggle:hover {
    background-color: #c11c1c;}

.navbar-inverse .navbar-toggle {
    background-color: #213b88;}
	
		
.active a {color:#fdc300;}

footer {margin: 3% 0 3% 3%;
}

@media (max-width:767px)
{.col-sm-8 {width: 97%;
margin-left: 2%;}
.kontakt {width:97%;
margin-left: 2%;}
.kontakt img {width:35%;}
footer {margin-left: 2%;}
   }
   
@media (max-width:1200px)
{body {background-color:#FFF;}
	
.col-sm-8 {width: 97%;
margin-left: 2%;}

.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
	padding-right: 18%;
	font-size: 16px;}
	
	.navbar-inverse .navbar-nav > li > a:hover {
    color: #fdc300;
	padding-right: 18%;
	font-size: 16px;}
	
.navbar-inverse .navbar-nav li {
	padding-left: 0%;
	padding-right:5%;
	}
		
footer {margin-left: 2%;}

.business-header {
    margin-top: 5%;
   }