body {
    padding-top: 50px; 
	
}



.navigation  {
	background-color:#979256;
	padding-top:10px;
	padding-bottom:10px;
	width: 100%;
}


.navbar {					
		border-bottom: 0px;	
	}

	
.navbar-inverse .navbar-nav {
  margin: 7.5px -15px;
}
.navbar-inverse .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 7px;
  padding-left: 10px;
  line-height: 20px;
}	
	
	
.navbar-inverse .navbar-brand {
	padding-top: 5px; 	
	color:#fff;
}

.navbar-inverse .navbar-brand span{	
	color:#e1e1e1;
}



.navbar-inverse .navbar-right {
	font-size:13px;	
	font-weight:600;
}


.navbar-inverse .navbar-nav > li > a {				
		color:#f1f1f2;	
		text-transform: normal;
		
}


.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
		color: #6b57e8;
		
}
			
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse.navbar-nav > li > a:focus {  
		color: #3D1c17;    
}	

.navbar-inverse .navbar-header {	 
	border: 0px;
	border-radius: 0px;
}

.navbar-inverse .navbar-toggle {
	background-color:transparent;	
	border-color: #000;
	border: 2px;
	border-radius: 4px;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #5f2c24;	
	border: 0px;
	border-radius: 4px;
	border-color: #5f2c24;
}

.navbar-collapse {
    border-top: 0px solid transparent;
    box-shadow: inset 0 0px 0 rgba(255,255,255,0.1);
}



.jumbotron {  	
	margin-bottom:0px;
	width: auto;
    height:450px; 
    background-image:url(../images/atemhaus.jpg);
	background-position:center center;	
    background-repeat: no-repeat;
    background-size: 100% auto;	
	background-color:#979256;
    overflow: hidden;	     
}


.jumbotron-content{  
  margin-top:50px;
  align-items:center;  
  Padding: 32px; 
  width: auto;
  min-height:100%; 
  border-radius: 8px;
  background-size: 100% auto;	      
}

.jumbotron-content h2 {
  color: #F7F7F7;
  text-transform:normal;
  text-align: left;
  font-size:25px;
  font-weight:600;
  Padding:0px;  

}

.jumbotron-content h3 {
  color: #66352E;
  text-transform:none;
  font-size:30px;
  font-weight:600;
  Padding:0px;   
}


.jumbotron-content h2 span {
  color: #522a25;
}


.title{
	padding-top:70px;
	width: 100%;
	height:250px;
	background-image:url(../images/atemhaus01.jpg);
	background-position:center center;	
    background-repeat: no-repeat;
    background-size: 100% auto;	
    overflow: hidden;	
	background-color:#979256;
}


.title-text h2 {
	font-size:30px;	
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
}



.feature {
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	background-color:#e4e1c3;
}

.content {
	background-color:#EBEBEB;  
	padding:20px;
	width: 100%;
}

.content-text{
	color:#424242;
	font-size:15px;	
	line-height: 25px;
	font-weight:400;
	font-family: Georgia,serif;
		
}

.content-text span {
	font-weight: bold;
	
}
.content-text .bericht {
	color:#424242;	
}





.kontakt-top {
	padding-top:70px;
	background-color:#e86b57;
	width: 100%;
	min-height:250px;
}

.kontakt-text h2 {
	font-size:35px;	
	font-weight:600;
	color:#FFFFFF;
	text-align:left;
	
}


.kontakt-map{
	padding-top:20px;		
	background-color:#e4e4e4;
	width: 100%;
	font-family: Georgia,serif;
}

.kontakt-form {
	padding-top:5px;
	padding-bottom:10px;	
	background-color:#e4e4e4;
	width: 100%;
	font-family: Georgia,serif;
}

.kontakt-form-text h3 {	
	padding-bottom:10px;		
}


.btn-primary {
  margin-top:5px;	
  color: #fff;
  font-family: Georgia,serif;
  font-size:16px;
  font-weight:400;
  background-color: #000;
  border-color: #204d74;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #000;
  border-color: #204d74;
}
.btn-primary:hover {
  color: #fff;
  background-color: #000;
  border-color: #204d74;
}



.btn-default{
  color: #fff;
  font-family: Georgia,serif;
  font-size:16px;	
  font-weight:400;
  background-color: #615E37;
  border-color: #2e6da4;
}

.btn-default:focus,
.btn-default.focus {
  color: #fff;
  background-color: #;
  border-color: #122b40;
}


.btn-default:hover {
  color: #fff;
  background-color: #000;
  border-color: #204d74;
}



.impressum-top {
	padding-top:70px;
	background-color:#E76056;
	width: 100%;
	min-height:250px;
}

.impressum-text h2 {
	font-size:35px;	
	font-weight:600;
	color:#FFFFFF;
	text-align:left;
}

.uebermich-top {
	padding-top:70px;
	background-color:#E75660;
	width: 100%;
	min-height:250px;
}

.uebermich-text h2 {
	font-size:35px;	
	font-weight:600;
	color:#FFFFFF;
	text-align:left;
}






.panel-heading h4{
 text-align:center;
 font-family: Georgia,serif;
}
.panel-body {
  font-family: Georgia,serif;
}


/* --- footer --- */
.footer {	
	background:#979256;
	padding:15px 22px;	
	
}

.footer-text{
	font-size:13px;	
	font-weight:600;
	color:#FFFFFF;
	text-align:center;
}
.footer-text a {				
		color:#f1f1f2;	
		text-transform: normal;		
}
			
.footer-text a:hover,
.footer-text a:focus {  
		color: #F7CAC8;    
}	






@media (max-width: 767px) {
  
 .jumbotron {  	
		width: auto;
		height: 350px;
		background-size: 100% 100%;
		background-position:50%;   	  
}


	 
	 
.jumbotron-content {   
	margin-top:40px;
    Padding:5px; 
    width:100%;
    min-height:150px;       
}

.jumbotron-content h2 {
  font-size:25px;
  font-weight:600;
  Padding:0px;
}

.jumbotron-content h3 {
  font-size:18px;
  font-weight:600;
   
}

.jumbotron-content p {
  color: #ddd;
  font-size:25px;
}



.title {  	
		width: auto;
		height: 250px;
		background-size: 100% 100%;
		background-position:50%;   	  
}

.title-text h2 {
  font-size:22px;
  font-weight:bold;
  Padding:0px;
}



}