/*
dunkelblau: #1a3d78;
 
silber: #f3f3f3;

*/

/* layout */

body {
 margin-top: 10px;
}
a {
color:#1a3d78;
font-weight: bold;
text-decoration:none;
}

a:hover {
 
 
text-decoration:none;
}
.jumbotron {

	background-repeat:no-repeat; 
	background-size:cover;
	margin-top: 130px;
	min-height: 450px;
	width: 100%;
}

.jumbotron p {
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0;
	margin-bottom:10px;
	margin-top: 5px;
}
.jumbotron h3 {
	font-weight: bold;
	margin-bottom: 30px;
	 
}
.jumbotron h4.abstand {
	margin-top: 80px;
	margin-bottom: 40px;
}
.jumbotron h4 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.hintergrund {
	background-image:  url(../images/gewindebolzen.jpg);
}

.container .jumbotron {
		padding-left: 50px;
}

img.img-rounded{
	 
	max-width: 100%;
	height: auto;
	margin-bottom:20px;
}

/* Navbar */

.navbar-custom  {
    background-color:rgba(192, 192, 192, 0.2);
	
    color:#fff;
    border-radius:0;
	min-height: 120px;
}

.navbar-custom .navbar-nav  {
    padding-top: 0;
	margin-top: 70px;
}

.navbar-custom .navbar-nav > li > a {
    color:#fff;
	font-weight: bold;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #1a3d78; 
}

.navbar-custom .navbar-brand {
    color:#eeeeee;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
    float: right;
    margin-bottom: 15px;
    margin-right: 15px;
    margin-top: 68px;
    padding: 9px 10px;
    position: relative;
	z-index:10;
}

span.icon-bar{
	background-color: #fff;
	z-index:11;
}

/* Media Queries */
@media (max-width:350px) {
	img#logo{ 
	width: 70%;
	height: auto;
	position: absolute;
	top:25px;
	left:15px;
	}
}

@media (max-width:767px) {
	.navbar-custom .navbar-nav  {
		padding-top: 0px;
	}
	.container .jumbotron {
		padding-left: 0;
		padding-top: 20px;
	}
	.navbar-custom .navbar-nav  {
		padding-top: 10px;
		margin-top: 0;
	}
	p.btn-startseite {
		display: none;
	}
	img.img-rounded{
	margin-top:20px;
	max-width: 125%;
	height: auto;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.container .jumbotron {
		padding-left: 30px;
	}
}