body {
}

.navbar-color, .btn-custom {
    background: #f87e0f;
    color: #fff;
}

.navbar a {
    color: #fff;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: #c9670d;
}
.nav-logo {
    height:  46px;
}
.container .navbar-brand {
    padding:  0 15px;
}
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 500px;
}

.carousel-caption {
    background: url('/images/carousel-bg.png');
    /*opacity: 0.6;*/
    left:  25%;
    right:  25%;
}

.carousel-caption .btn-custom {
    border: 1px solid #fff;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 500px;
    /*color: #fff;*/
    /*background-color: #f87e0f;*/
}

#footer .row {
    margin-right: 0;
}

#dienstleistungen {
    padding-top: 120px;
}

.marketing .glyphicon {
    font-size: 40px;
}

.address {
    margin-top: 20px;
}

@media (max-width: 764px) {
    body {
        /* Margin bottom by footer height */
        margin-bottom: 500px;
    }

    #footer {
        height: 500px;
    }

    .featurette-image {
        display: none;
    }

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

    .address {
        margin-top: 10px;
    }

    #dienstleistungen {
        padding-top: 100px;
    }

    .featurette-divider {
        margin: 40px 0;
    }
}

.icon-bar {
    border: 1px solid #fff;
}

.no-pad {
    padding-left: 0px;
}

.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.featurette-image {
    width: 500px;
    height: 500px;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}