/* courgette-regular - latin */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/courgette-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/courgette-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/courgette-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/courgette-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/courgette-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/courgette-v13-latin-regular.svg#Courgette') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'Roboto', sans-serif;
}


img.logo {width:220px; margin-top:40px;} 
#main-navbar  {margin-top:105px;}


#main-navbar a {color:#ecf7c7; letter-spacing: 1px;}
#main-navbar a:hover, #main-navbar a.aktiv {color:#bbed14;}



.linie {border-bottom: solid 1px #ecf7c7;}


/*=== TYPE ===*/
h1, h2, h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}
h1 {
  font-size: 4em;
}
h2 {
  font-size: 2.7em; margin:20px 20px 40px 0px; color:#323529;     font-family: 'Courgette', cursive;


}
h3 {
  font-size: 2em; 
    font-family: 'Courgette', cursive;
	color:#853e00;
	margin-bottom:20px;
}
p {
  font-size: 1.2em; line-height:160%; color:#000;
}

/*=== NAVBAR ===*/
.navbar {
    padding-bottom: 16px;
}
.navbar-inverse {
  background-color: rgba(20,20,20,0.8);
}
.navbar-brand {
  display: inline-table;
}
.navbar-toggle {
  margin-top: 20px;
} 

/*=== JUMBOTRON ===*/
.jumbotron {
  padding-top: 160px;
  padding-bottom: 160px;
  background-image:url(images/bg.jpg);
  background-size: cover;
  background-position: center center;
  margin-top: 160px;
  margin-bottom: 0;
  color:#fff;
}
.jumbotron h1 {
  font-size: 2em;
  color: #f4f4f4;
}

body#kontakt .jumbotron {
  padding-top: 260px;
  padding-bottom: 260px;
  background-image:url(images/bg_kontakt.jpg);
  background-position: center center;

}

/*=== EINLEITUNG ===*/
.z-einleitung{
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: 0px;
  margin-bottom: 0;
  background-color: #ecf7c7;
  color:#000;
}

.z-einleitung p {max-width:600px; margin:20px auto;}

.z-einleitung h3 {max-width:600px; margin:20px auto;}

.z-einleitung a {color: #853e00;}


/*=== ABSCHNITTE ===*/
.z-abschnitt1 {
  background-color: #d2dab7;
  padding-top: 260px;
  padding-bottom: 50px;
  color:#fff;
}  

.z-abschnitt1 a {color: #853e00;}

.z-abschnitt2 {
  background-color: #ecf7c7;
  padding-top: 50px;
  padding-bottom: 50px;
  color:#fff;
}

.z-abschnitt2 a {color: #853e00;}

.z-abschnitt3 {
  background-color: #d2dab7;
  padding-top: 50px;
  padding-bottom: 100px;
  color:#fff;
}

.z-abschnitt3 a {color: #853e00;}

/*
.z-galerie a {
  color:#fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.z-galerie a:hover {
  text-decoration: none;
  color:#ccc;
}
.z-galerie h4{
  font-weight: 400;
}
.z-galerie .glyphicon{
  font-size: 5em;
  padding: 20px;
}    */

/*=== KONTAKT ===*/
.z-kontakt{
  background-color: #bfb090;
  padding-top: 100px;
}

/*
.z-portfolio .thumbnail {
  border: 0;
}
.z-portfolio a {
  color: #fff;
}
.z-portfolio .thumbnail p {
  position: absolute;
  bottom: 20px;
  left: 30px;
  display: block;
  background: rgba(0,0,0,0.5);
  padding: 3px 10px;
}  */

/*=== FOOTER ===*/
footer {
  background-color: #323528;
  padding-top: 45px;
  padding-bottom: 45px;
  color: #ecf7c7;
  font-weight: 100;
}
footer a{
  color: #ecf7c7; font-style: italic;
}

footer p{
  color: #e0e0e0;
}
footer a:hover{
  color: #ccc;
}


/*=== XS ABOVE ==*/

 @media (max-width: 479px){
	 
	 .container-fluid {
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}
	 
.z-abschnitt1 {
  background-color: #d2dab7;
  padding-top: 100px;
  padding-bottom: 50px;
  color:#fff;
} 
	 
	 h2 {font-size:2em; line-height:140%; margin-bottom: 18px; margin-top: 60px;}
	 
	 
	 .jumbotron {
  padding-top: 110px;
  padding-bottom: 110px;
  background-image:url(images/bg.jpg);
  background-size: cover;
  background-position: center center;
  margin-top: 140px;
  margin-bottom: 0;
  color:#d2dab7;
}

/*#main-navbar a {color:#ecf7c7;}

#main-navbar  {margin-top:0px;}
	
	.navbar {
    padding-bottom: 0px;*/
}

	 .jumbotron {

  margin-top: 141px;

}








/*=== TABLET SM ===*/
@media (min-width: 768px){

  .navbar {
    padding-bottom: 0px;
  }
  .navbar-nav {
    margin-top: 0;
  }
  .jumbotron h1 {
    font-size: 3.5em;
  }
  .z-einleitung p {
    font-size: 1.2em;
  }
  .header-container{
    width:100%;
    height:auto;
    position: relative;
  }
	
	 .jumbotron {

  margin-top: 171px;

}
	
	
	
}

/*=== SMALL DESKTOP MD ===*/

@media (min-width: 992px){

  
  .navbar-nav {
    margin-top: 0;
  }
  .jumbotron h1 {
    font-size: 4em;
  }
	
	.jumbotron {
  margin-top: 154px;
}
	
  .z-einleitung p {
    font-size: 1.3em;
  }
  .header-container{
    height:auto;
  }

}

/*=== LARGE DESKTOP LG ===
@media (min-width: 1200px){
  
  .navbar-nav {
    margin-top: 0;
  }
  .jumbotron h1 {
    font-size: 5em;
  }
  .z-einleitung p {
    font-size: 1.3em;
  }
	
	.jumbotron {

  margin-top: 154px;

}

} */