.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 0;
    text-align: center;
    color: #f8f8f8;
    /*background: url(../img/wiese.jpg) no-repeat center center;
    background-size: cover;
	height:520px;*/
}



@media(max-width:1199px) {
   	
	.intro-message h1{
	
	font-size:4.0em;
		}
}

@media(max-width:990px) {
   .intro-header {
	   
	   height:auto;
    }
	
	.intro-message{
	
	padding-top:80px;
	padding-bottom:0;
		}
}


@media(max-width:767px){
	
	.intro-message-image{
		
		display:none;
	}
	
	.intro-message h1,
	.intro-message h2{
	
	
		text-align: center;
}
	
	.intro-message img.claim{
	
	width:auto;
		margin:0 auto 0 auto;
}
    
    a.navbar-brand{
        
        padding-left:10px;
    }
	
	
}

p{
    
    color:#666;
}

p.lead{
    
    margin-bottom:12px;
    line-height:1.5;
}

 ul li
{
    
   color:#666;
    font-size:18px;
    font-weight:400;
}
ul
{
    margin-left:15px;
    padding-left:0;
}


.intro-header .ken_burns_effect_carousel_caption{
    
    bottom:10%;
    width:100%;
   
}
.intro-header .ken_burns_effect_carousel_caption.carousel-caption{
    
   background-color: transparent;
}


.intro-header .ken_burns_effect_carousel_caption h1{
    
    bottom:10%;
    color:#fff;
    background:transparent;
   
}

.floatLeft{
    
    float:left;
}
/************************************************

                Überschriften

*************************************************/


#datenschutz h2{
    
    font-size:1.4em;
    color:#26549e;
}

#datenschutz h3{
    
    font-size:1.2em;
}

.intro-message{
	
	padding-top:200px;
	padding-bottom:0;
}

.intro-message h1{
	
	font-size:5.0em;
}

.intro-message-image{
	
	padding-top:40px;
	
}

.intro-message h2{
	
	font-size:3.0em;
	color:#fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
		
	/*background-color:rgba(0,0,0,0.2);*/
}

.intro-message-image img {
    margin:30px auto 0 auto;
	width:auto;
}

.intro-message img.claim{
	
	margin-top:-20px;
	margin-bottom:20px;
}

.info h3{
	
	font-weight: normal;
	
}
.info h2{
	
	margin:20px 0 20px 0;
}

.info p{
	
	margin-bottom:20px;
}

footer{
    
    background-color: #fff;
}


footer h2 span{
    
    font-size:1.6em;
    font-weight:bolder;
}

footer h2 {
    
    font-size:20px;
    
}

.intro-header h1.greatVibes,
.intro-header h2.greatVibes
{
    
    font-family: 'Great Vibes', cursive !important;
}

.leistung h3{
    
    margin-bottom:60px;
    margin-top:0;
    color:#999;
}


/******* Überschriften Ende *****/


/************************************************

                Navigation

*************************************************/


.navbar-default{
    
    background-color:#26549e;
    border:none;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}

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

.navbar-brand{
    
      margin-top:8px;
    padding-left:0;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover{
    
    color:#fff;
}

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

.navbar-brand span{
    
    font-weight:bold;
    font-size:1.4em;
}

 a.navbar-brand img{
        position: absolute;
   /** width:260px;**/
     width:220px;
    height:auto;
     top:0;
     
        -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.3);
}

/*** mobile ***/

.navbar-default .navbar-toggle .icon-bar
{
    
    background-color:#fff;
}

.dropdown .dropdown-menu > li > a,
.dropdown .dropdown-menu > li > a:focus,
.dropdown .dropdown-menu > li > a:hover
{
    background-color:#92b1e1;
    color:#fff;
    
}


.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover{
    
    background-color:#92b1e1;
    color:#fff;
    
}

.dropdown-menu{
    
    background-color:#92b1e1;
    
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.3);
}

/******* Navigation Ende *****/

.red{
	
	color:#E51F38;
}

.green{
    
    color:#26549e;
}



.banner {
    padding: 150px 0;
    color: #f8f8f8;
    background: url(../img/badewanne-wasserhahn.jpg) no-repeat center center;
    background-size: cover;
}


footer{
	
	padding-bottom:362px;
}



.intro-message{
	
	text-align: left;
}