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

/* barlow-semi-condensed-500 - latin-ext_latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow/barlow-semi-condensed-v4-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local('Barlow Semi Condensed Medium'), local('BarlowSemiCondensed-Medium'),
       url('../fonts/barlow/barlow-semi-condensed-v4-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow/barlow-semi-condensed-v4-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow/barlow-semi-condensed-v4-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow/barlow-semi-condensed-v4-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow/barlow-semi-condensed-v4-latin-ext_latin-500.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}

/* barlow-semi-condensed-700 - latin-ext_latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow/barlow-semi-condensed-v4-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Barlow Semi Condensed Bold'), local('BarlowSemiCondensed-Bold'),
       url('../fonts/barlow/barlow-semi-condensed-v4-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow/barlow-semi-condensed-v4-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow/barlow-semi-condensed-v4-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow/barlow-semi-condensed-v4-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow/barlow-semi-condensed-v4-latin-ext_latin-700.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}





body {
  padding-top: 65px;
  color: #000;
  font-weight: 400;
  font-family: 'Barlow Semi Condensed';
  font-size: 18px;
  overflow-x: hidden;
}

.content {
  padding-top: 5px;
}

.right-sidebar {
  padding-top: 15px;
}

#footer {
  background: #fbfbfb;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 0px solid #e8e8e8;
}

#footer a {
  color: #649f6f;
}

#footer a:hover {
  color: #333;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer ul > li {
  display: inline-block;
  margin-left: 15px;
}
/*colors*/

.white {
  color: #ffffff;}

.brown {
  background-color: #2d1b00;
  color: #282828;
}

.green {
  background-color: #c6c89c;
  color: #FFFFFF;
}

.darkgreen {
  background-color: #61653c;
  color: #FFFFFF;
}

.rose {
  background-color: #D90B00;
  color: #FFFFFF;
}
/* Typografy*/

h1, h2, h3, h4, h5, h6 {
  font-family: 'Barlow Semi Condensed';
  font-weight: 700;
 
}

h1 { text-transform: uppercase;
  text-align: center
  color:#ffffff;
  font-weight: 700}

h2 {
  color: #c9a0a4;
  text-transform: uppercase;
 text-align: center;
 font-weight: 700;
 font-size:26px;
 margin-bottom:30px}

h3 {color: #2d1b00; text-transform: uppercase; font-size:20px}

h4 {font-weight: 500}
h5 {
color: #649f6f;
font-size:18px;
}

strong {
  font-weight: 500;
  color: #333333;
}

a {
  color: #c9a0a4;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

a:hover, a:focus {
  color: #2d1b00;
  text-decoration: none;
  outline: none;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}

.btn-success {
  background-color: #c9a0a4;
  border-color: #c9a0a4;
}
/*
    Bootstrap Carousel to Fade instead of slide
    */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-fade h3 {
  color: #fff;
}

.carousel-fade h3 span {
  font-weight: 400;
  color: #fff;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* Navbar*/

.brand img{
  margin: 10px 20px 10px 10px;
}
/*navbar styles*/

#navbar-abstand-container {margin-top:23px; margin-bottom: 10px} /*Abstand Logo*/

.navbar-toggle{
  background-color: #c9a0a4;
  border:1px solid #c9a0a4;
  border-radius:0px;
  color: #FFFFFF;
  margin-right: 15px;
  margin-top:15px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #fff;
  border-radius: 0px;
}

.navbar-custom {
  border: none;
  padding-top: 0px;
  padding-bottom: 6px;
  margin: 0px;
  background-color: #fff;
  border-bottom: 0px solid #fff;
  -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.10);
  box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.10);
}

.navbar-custom .navbar-nav {
  margin-top: 0px;
  margin-left: -5px;
}

.navbar-custom .navbar-nav > li > a {
  font-family: 'Barlow Semi Condensed';
  font-weight: 500;
  padding: 0px 3px 12px 3px;
  margin-right: 15px;
  color: #2d1b00;
  border: 0px solid #FFF;
  border-top: 3px solid #c6c89c;
  text-transform: uppercase;
}

.navbar-custom .navbar-nav > li > a:hover {
  border-top: 3px solid #c6c89c;
  color: #fff;
  background-color: #c6c89c;
}


.navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
  background-color: #fff;
  border: 1px solid #FFF;
  border-top: 0e;
}

.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
  border-top: 3px solid #c6c89c;
  background-color: #c6c89c;
  color:#fff
}

.navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
  background-color: #fff;
  border: 1px solid #FFF;
  border-top: 3px solid #649f6f;
}


@media only screen and (max-width: 767px){

#navbar-abstand-container {margin-top:10px; margin-bottom: 5px} /*Abstand Logo*/

.collapse {border-top: 0px solid #c6c89c;}


.navbar-custom .navbar-nav > li > a {
  margin-top:10px;
  border-top: 0;
  text-align: center;
}

.navbar-custom .navbar-nav > li > a:hover {
  border-top: 0;
 }

.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
  border-top: 0;
 }
 
 .navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
  border-top: 0;
}
  
}


/* navbar dropdown */

.navbar-custom .navbar-nav .dropdown-menu {
  background: #ffffff;
  border: 1px solid #ebebeb;
  border-top: 2px solid #a0ce4e;
  padding: 3px 3px 3px 0;
  margin-top: 2px;
  -moz-border-radius: 2px;
  -webkit-box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.1);
}

.navbar-custom .navbar-nav .dropdown-menu > li > a {
  font-weight: 400;
  font-size: 17px;
  color: #444444;
  border: 0px;
}

.navbar-custom .navbar-nav .dropdown-menu > li:hover > a, .navbar-custom .navbar-nav .dropdown-menu > li:focus > a, .navbar-custom .navbar-nav .dropdown-menu > li.active > a {
  background: #fbfbfb;
  color: #74be4f;
  border: 0px;
}

.navbar-custom .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}

.navbar-custom .navbar-nav .dropdown-menu > li.divider {
  background-color: rgba(0, 0, 0, 0.1);
}

}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{
  background-color: #fbfbfb;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
  background-color: #fff;
}
/* Margins */

.gap {
  margin-bottom: 50px;
}

.big-gap {
  margin-bottom: 100px;
}

.no-margin {
  margin: 0;
  padding: 0;
}

.no-padding {
  padding: 0;
  margin: 0 auto;
}



.margin-top-5 {margin-top: 5px}
.margin-top-10 {margin-top: 10px}
.margin-top-15 {margin-top: 15px}
.margin-top-20 {margin-top: 20px}
.margin-top-25 {margin-top: 25px}
.margin-top-30 {margin-top: 30px}
.margin-top-35 {margin-top: 35px}
.margin-top-40 {margin-top: 40px}
.margin-top-45 {margin-top: 45px}
.margin-top-50 {margin-top: 50px}

.margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-45, .margin-bottom-50, .margin-bottom-55, .margin-bottom-60 {
  clear: both;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

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

.margin-bottom-25 {
  margin-bottom: 25px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-35 {
  margin-bottom: 35px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-45 {
  margin-bottom: 45px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-55 {
  margin-bottom: 55px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.padding-5 {
  padding: 5px;
}

.padding-10 {
  padding: 10px;
}

.padding-15 {
  padding: 15px;
}

.padding-20 {
  padding: 20px;
}

.padding-25 {
  padding: 25px;
}

.padding-30 {
  padding: 30px;
}

.padding-35 {
  padding: 35px;
}

.padding-40 {
  padding: 40px;
}

.padding-45 {
  padding: 45px;
}

.padding-left {
  padding-left: 5px;
}

.padding-right {
  padding-right: 5px;
}
/*Box borders*/

.borderTop {
  border-top: 1px solid #e8e8e8;
}

.borderBottom {
  border-bottom: 1px solid #e8e8e8;
}


ul.content { list-style: none; padding-left:22px} 
.content li {display:block;text-indent: -22px; padding-top:10px;}
.content li:before {
   font-family: FontAwesome;
   content: "\f054";
   padding-right: 10px;
   padding-left:0px;
   font-size: 70%;
  
}


/* The overlay effect (full height and width) - lays on top of the container and over the image */

.container2 {position: relative;}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.6);
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform:scale(0);
  transition: .3s ease;
  padding:15px;
  border-radius:5px;
}

/* When you mouse over the container, the overlay text will "zoom" in display */
.container2:hover .overlay {
  transform: scale(1)
}

/* Some text inside the overlay, which is positioned in the middle vertically and horizontally */
.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.btn-custom {background-color: #c9a0a4; border-color: #c9a0a4; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size:18px; border-radius:0}

.btn-custom:visited,

.btn-custom.focus,

.btn-custom:active,

.btn-custom.active,
.btn-custom:hover,

.open > .dropdown-toggle.btn-primary {

  border: 1px solid #c9a0a4;

  color: #ffffff;
  
  background-color: #c9a0a4;

  box-shadow: none;

  } 
  
.form-control:focus {
  border-color: #649f6f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(171, 209,152, 0.6);
}	


.carousel-control.left {background-image: none}
.carousel-control.right {background-image: none}

.carousel .carousel-control { visibility: visible }
.carousel:hover .carousel-control { visibility: visible; }