/*--------------------------------*/
/* ########## Allgemein ######### */

body {
  /*padding-top: 70px;*/
  background-color: rgba(25, 87, 166, 0.1);
  color: #1957a6;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6, p span {
	font-weight: bold;
}

h1 { font-size: 30px;}

h3 {
	font-weight: normal;
	color: #ee3030;
	text-align: center;
}

hr {
	margin-top: 34px;
	border-color: #ee3030;
}

.zweizeilig {
	margin-top: 46px;
}

/*---------------------------------*/
/* ########## Navigation ######### */

#navbar { background-image: url(../img/bg_header_welle.png); }

.navbar-header { min-height: 75px;}


.navbar-right { 
	margin-right: 100px; 
	color: #fff;
}

.navbar-default .navbar-nav > li > a { color: #fff;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 8px;}

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-default .navbar-nav > .active > a
{
  	background-color: transparent;
    color: #fff;
    font-weight: bold;
}

.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:focus
{
  	background-color: transparent;
	color: #fff;
	text-decoration: underline;
}





/*-----------------------------*/
/* ########## Header ######### */

.jumbotron, .container .jumbotron, .container-fluid .jumbotron { padding: 0;}

.jumbotron {
	background-color: transparent;
	margin-bottom: -20px;
}

.inhalt {
	margin: 0 85px;
}

/*-----------------------------------*/
/* ########## Seiteninhalt ######### */

/*.container {
	border: 1px solid #fff;
}*/

.margin-top-20 {
	margin-top: 20px;
}

/* ########## Button ######### */

.hotline {
	margin: 20px 0 10px 0;
}

.fahnen .angebot { margin-top: 860px;}
.fahnen .kontaktnummer { margin-top: 890px;}

.umruestung .angebot { 	margin-top: 550px;}
.umruestung .kontaktnummer { margin-top: 80px;}

.sturmschutz .angebot { 	margin-top: 1200px;}
.sturmschutz .kontaktnummer { margin-top: 400px;}

.reparaturen .angebot { 	margin-top: 250px;}
.reparaturen .kontaktnummer { margin-top: 180px;}

.vermietung .angebot { 	margin-top: 3000px;}
.vermietung .kontaktnummer { margin-top: 380px;}

.weitere .angebot { 	margin-top: 1150px;}
.weitere .kontaktnummer { margin-top: 510px;}

.anfahrt .angebot { 	margin-top: 1150px;}
.anfahrt .kontaktnummer { margin-top: 510px;}

.btn-danger {
    background-color: #ee3030;
    border-color: #ee3030;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.32);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.32);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.32);
}

.btn-danger span {
	font-size: 26px;
}

/* ########## Trenner ######### */

.trenner { margin-bottom: 30px;}

.produkthighlights
{
	background-color: #ee3030;
	text-align: center;
}

.produktuebersicht
{
	background-color: #1957a6;
	text-align: center;
}

.produkthighlights h2, .produktuebersicht h2
{
	color:#FFF;
	font-size: 25px;
	padding: 5px 0px;
	text-transform: uppercase;
}

.rahmen_links
{
	border-left: 2px solid #1957a6;	
}

.blau {
	border-color: #1957a6;
}

.kontakt {
	margin-top: 25px;
}

.kontakt .blau {
	margin-top: 0;
}

/* ########## Text Bilder ######### */

#myImage .col-md-3
{
	padding: 0 22px;
}

#myImage .col-md-4
{
	padding: 0 24px;
}

#myImage .thumbnail
{
	/*margin-bottom: 0;*/
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
	border-radius: 15px;
}

#myImage .thumbnail > img
{
	border-radius: 0;
}

#myImage .thumbnail .img-text
{
	border-radius: 0 0 10px 10px;
	/*border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px */
}

#myImage .caption { 
	margin-top: 4px;
	height: 30px;
	padding: 0;
	color: #1957a6;
	font-weight: bold;
}

#myImage .caption-bottom {
	margin: 5px 0 0 5px;
}

#myImage .caption-bottom a {
	text-decoration: none;
}

#myImage ul { 
	margin: 5px 0 0 0;
}

.magrintop {
	margin-top: 30px;
}

/* ########## Slider ######### */

#myCarousel .col-md-3
{
	padding: 0 22px;
}

#myCarousel .col-md-4
{
	padding: 0 24px;
}

#myCarousel .thumbnail
{
	/*margin-bottom: 0;*/
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
	border-radius: 15px;
}

#myCarousel .thumbnail > img
{
	border-radius: 10px;
}

.carousel-control.left, .carousel-control.right
{
	background-image:none !important;
}

.carousel-control
{
	color: #1957a6;
	top:40%;
	color:rgba(66, 139, 202, 0.5);
	bottom:auto;
	padding-top:4px;
	width:30px;
	height:30px;
	text-shadow:none;
	opacity:1;
}

.carousel-control:hover
{
	/*color: #d9534f;*/
	color: #ee3030;
}

.carousel-control:focus
{
	color: #1957a6;
}

.carousel-control.left, .carousel-control.right
{
	background-image:none !important;
}

.carousel-control.right
{
	left:auto;
	right:-32px;
}

.carousel-control.left
{
	right:auto;
	left:-32px;
}

.carousel-indicators
{
	bottom:-30px;
}

.carousel-indicators li
{
	border-radius:0;
	width:10px;
	height:10px;
	background:#ccc;
	border:1px solid #ccc;
}

.carousel-indicators .active
{
	width:12px;
	height:12px;
	background:#ee3030;
	border-color:#ee3030;
}

.caption
{
	margin-top: -34px;
	z-index: 2;
	position: relative;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
		
}

.caption h3
{
	color: #1957a6;
	font-size: 15px;
	margin:0;
	padding:0;
}
/*-----------------------------*/
/* ########## Footer ######### */

#footer
{
	background-image: url(../img/bg_footer.png);
	padding-top:125px;
}

.footer
{
	background-color: rgba(25, 87, 166, 1);
	color:#FFF;
}

.footer a {
	color: #fff;
	font-weight: bold;
}

.footer .row {
	padding: 20px;
}



.fa-rotate-45 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}