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

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	background-color:#000;

  padding-bottom: 40px;
  color: #A1A1A1;
}
::-moz-selection {
	background: #A1A1A1;
	color: #000;
	text-shadow: none;
}
::selection {
	background: #A1A1A1;
	color: #000;
	text-shadow: none;
}
a{
	color:#fff;
}
.esvara-link a{
	color:#E3C3A0 !important;
}
.esvara-link a:hover{
	color:#fff !important;
}
.rugs-link a{
	color:#a36037 !important;
}
.rugs-link a:hover{
	color:#fff !important;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 100px;
  right: 0;
  left: 0;
  z-index: 20;
}
.navbar-collapse ul{
  background-color:#222222;
}
@media (max-width: 1200px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}


.content-container{
	margin-top:30px;
	padding-bottom:1  5px;
}
.content-container h2{
	font-size:24px;
	margin:0 0 5px 15px;
}
.gradient-row{
	margin:190px 0 0 0;
	background:-moz-linear-gradient(top, #3A3636, #534E4B); /* Firefox */
	background:-webkit-linear-gradient(top, #3A3636, #534E4B); /* Safari, Chrome */
	background:-o-linear-gradient(top, #3A3636, #534E4B); /* Opera */
	background:-ms-linear-gradient(top, #3A3636, #534E4B); /* IE */
	background:linear-gradient(top, #3A3636, #534E4B); /* W3C Standard */
}
.img-border{
	padding:5px;
	background-color:#534E4B;
	border:1px solid #3C3838;
}
.impressum{
	text-decoration:underline;
}

footer{
	margin-top:25px;
}
.before-images div{
	margin-bottom:20px;
}
.before-images img{
	padding:3px;
	border:1px solid #444444;
	background:#080808;
}

/* Projekt-Liste auf Startseite */
.project-list div{
	padding-bottom:20px;
	text-align:center;
	text-transform:uppercase;
}
.project-list div img{
	padding:12px;
	border:1px solid #736F6E;
	background:#5B5A56;
}
.project-list a img{
   opacity: 1;
   transition: opacity .35s ease-in-out;
   -moz-transition: opacity .35s ease-in-out;
   -webkit-transition: opacity .35s ease-in-out;
}
.project-list a:hover img{
	background: #5B5A56;
	opacity: 0.6;
}
/* Rugs-Liste auf Startseite */
.rugs-list div{
	padding-bottom:20px;
}
.rugs-list div img{
	padding:12px;
	border:1px solid #a36037;
	background:#503f35;
}
.rugs-list h3{
	margin-top:0px;
}
.rugs-list a img{
   opacity: 1;
   transition: opacity .35s ease-in-out;
   -moz-transition: opacity .35s ease-in-out;
   -webkit-transition: opacity .35s ease-in-out;
}
.rugs-list a:hover img{
	background: #503f35;
	opacity: 0.6;
}
.making-of-list div{
	margin-bottom:20px;
}
.making-of-list div img{
	padding:12px;
	background:#3b3b3b;
}
#hidden{
	display:block;
	width:1px;
	height:1px;
	overflow:hidden;
}
#hidden img{
	width:1px;
	height:1px;
}

.press div{
	margin-bottom:15px;
}
.thegallery{
	margin-top:15px;
	margin-bottom:15px;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-right: 0;
    padding-left: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }


  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {

  .featurette-heading {
    margin-top: 120px;
  }

}
@media (max-width: 1250px) {
	.content-container{
		min-height:460px;
	}

}
@media (max-width: 990px) {
	.content-container{
		min-height:360px;
	}



}
@media only screen and (max-width: 479px) {
	.content-container{
		min-height:260px;
	}
}