body {
  color: #191D19;
}

.carousel-control .icon-prev {
  background-image: url(../img/prev.svg);
  background-position-x: 43%;
  background-size: 50%;
}
.carousel-control .icon-next {
  background-image: url(../img/next.svg);
  background-position-x: 57%;
  background-size: 50%;
}

@media screen and (min-width: 768px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    background-size: 19px;
  }
}

@media screen and (min-width: 1200px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 62px;
    height: 62px;
    margin-top: -32px;
    background-size: 25px;
  }

  .carousel-control {
    top: 50%;
    bottom: auto;
  }
}


.nav-drawer,
.nav-bar {
  background-color: rgba(45, 48, 42, 0.9);
}

@media screen and (min-width: 1200px) {
  .nav-drawer {
    background-color: #2d302a;
  }
}

.nav a,
.nav-language-switcher {
  font-weight: 500;
  color: #fff;
}

.nav .active a,
.nav a:hover,
.nav a:focus {
  color: #897760;
}

.nav a span:before,
.nav a span:after {
  background-color: rgba(137, 119, 96, 0.8);
}

.btn {
  background-color: #2d302a;
  border: 1px solid #897760;
}

.btn:hover,
.btn:focus {
  background-color: #383b34;
}

.l-wb {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}

/**
 * Home
 */
.template-home .item-inner {
  margin: 0;
  padding: 0 15% 48px;
  max-width: 600px;
  background-color: rgba(0, 0, 0, 0.6);
}

@media screen and (min-width: 600px) {
  .template-home .item-inner {
    padding: 0 96px 48px;
  }
}

/**
 * Flats
 */
.flats-select-outer {
  background-color: #2d302a;
}

.flats-wrapper {
  min-height: 100%;
}

.flats-back {
  background-color: rgba(0, 0, 0, 0.6);
}

.flat-details {
  margin-bottom: 24px;
}

.flat-details .stats dt {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 1.5em;
}

.flat-details .stats dd {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  font-size: 1.5em;
}

@media (min-width: 1100px) {
  .flat-details .stats + .stats {
    margin-left: 24px;
  }
}

.flat-header {
  position: relative;
}



.flat-header-top {
  margin: 0 -24px;
  padding: 0 8px;
}

.flat-header-top .heading {
  margin-bottom: 24px;
}

.heading-top {
  font-weight: 500;
  -ms-flex-order: -1;
  order: -1;
}

.flat-heading-details {
  -ms-flex-order: 0;
  order: 0;
}

.flats-box {
  padding: 24px;
}

.flat-parking {
  margin: 0 -24px;
  padding: 24px 24px 0;
  text-align: left;
  border-top: 2px solid #897760;
}

.flat-legend h3 {
  font-weight: 500;
}

.flat-header {
  margin-bottom: 24px;
}

@media screen and (min-width: 1000px) {
  .flat-header-top .heading,
  .flat-details {
    margin-bottom: 0;
  }

  .flat-parking {
    margin-top: 24px;
  }

  .flat-cats {
    position: relative;
    /*padding-right: 250px;*/
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .flat-slider {
    margin: 0 !important;
  }
}

.flat-btn {
  padding: 10px 20px;
  width: auto;
  height: auto;
  border-radius: 0;
  color: #fff;
  background: #2d302a;
  border: 2px solid #897760;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

.flat-btn:hover,
.flat-btn:focus {
  background-color: #383b34;
}

.flat-btn svg {
  display: none;
}

/**
 * Gallery
 */
.gallery-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.gallery-item.top,
.gallery-item.bottom,
.gallery-item.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.gallery-body {
  width: 100%;
  margin: 0;
  padding: 48px 15%;
  border-radius: 0;
}

@media screen and (min-width: 650px) {
  .gallery-body {
    padding: 64px 96px 64px 128px;
  }
}

@media (min-width: 1200px) {
  .gallery-body {
    max-width: 650px;
  }
}

/*.js .gallery-body {
  -webkit-transform: translate3d(-75%, 0, 0);
  transform: translate3d(-75%, 0, 0);
}*/

.gallery .page-content {
  display: block;
}

.gallery-body .gallery-text {
  -webkit-columns: auto;
  -moz-columns: auto;
  columns: auto;
}

.gallery-features {
  list-style: square;
}

.gallery-btn {
  padding: 14px 18px 13px;
  border-radius: 0;
  opacity: 1;
  /*border: 1px solid #897760;*/
  border: 0;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Avenir Next W01', 'Avenir Next', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

.gallery-btn-wrap .gallery-btn {
  background: #191D19;
}

.gallery-btn-prev {
  margin-left: -80px;
  width: 160px;
}

.gallery-btn-next {
  margin-left: -73px;
  width: 146px;
}

/**
 * Location
 */
.location-body {
  background-color: rgba(0, 0, 0, 0.6);
}

.big-btn {
  background-color: #897760;
  color: #fff;
}

.big-btn:hover,
.big-btn:focus {
  color: #897760;
  background-color: #fff;
  border: 2px solid;
}

.location-box {
  margin-bottom: 77px;
  color: #191d19;
  background-color: #fff;
}

.location-map {
  margin-top: 0;
}

.mapboxgl-popup-content {
  background: #2d302a !important;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  border-bottom-color: #2d302a !important;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  border-top-color: #2d302a !important;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  border-right-color: #2d302a !important;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  border-left-color: #2d302a !important;
}

.location-map-popup .leaflet-popup-content-wrapper {
  background-color: #2d302a;
}

.location-map-popup .leaflet-popup-tip {
  border-top-color: #2d302a;
}

/**
 * Contact
 */
.contact-body {
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.template-contact .l-wb {
  color: #191d19;
  background-color: rgba(255, 255, 255, 0.975);
}

.contact-form-submit {
  background-color: #897760;
}

.contact-form-submit:hover,
.contact-form-submit:focus {
  background-color: #9F8E78;
}

.contact-form-spinner-inner {
  background-color: #897760;
}

.control input:checked ~ .control-indicator {
  background-color: #8b7051;
  color: transparent;
}

.control input:active ~ .control-indicator {
  color: transparent;
  background-color: rgba(139, 112, 81, 0.75);
}

/**
 * Easy-Invest
 */
.sgei-body {
  padding: 0 0 48px;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.sgei-inner {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.sgei-box {
  position: relative;
  margin: 0 auto 78px;
  color: #191d19;
  background: #fff;
}

.sgei-slogan {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Avenir Next W01', 'Avenir Next', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

@media screen and (min-width: 600px) {
  .sgei-body {
    padding: 48px 15%;
  }

  .sgei-slogan {
    font-size: 32px;
  }
}

@media screen and (min-width: 960px) {
  .sgei-body {
    padding: 48px 0;
  }

  .sgei-box {
    margin-bottom: 157px;
  }

  .sgei-box:before {
    bottom: -98px;
  }

  .sgei-box:after {
    bottom: -168px;
    width: 292px;
    height: 170px;
  }
}

/**
 * Flats: Position des Listen/Navigator-Toggles im Dark-Theme anpassen
 */
@media (min-width: 1200px) {
  .flats-select-switch {
    top: 20px;
    right: 60px;
    left: auto;
    margin-left: 0;
    width: auto;
    line-height: 0.9;
    padding-bottom: 16px;
  }
}