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;
    }
}

.flats-table-commission {
    color: white;
    text-align: center;
}